Simple and beautiful form sliders for any bootstrap-based project. We love these sliders because the jQuery is very easy to work with and the overall code quality is fantastic.
A to Z CSS: ID
ID is a CSS selector that allows the styling of a single unique element. Their use in CSS is common and often a little controversial. In this video, I will outline some of the reasons why I prefer the `class` selector over `ID`, how CSS specificity works.
Atomic Design – by Brad Frost @ Beyond the Desktop Conference
Atomic design by Brad Frost is a methodology used to construct web design systems. He has given this talk all over the place, but one that helped kick it off was at Breaking Development (BDConf) in 2013, here is the video and some notes about it.
Jenn Lukas – Interactions & Mobile Devices
UMS Video Podcast: Giovanni talks with talks with Jenn Lukas about one of the most fundamental and often troublesome quirks: The lack of a hover state.
Kickdrop Code Sample: Form Pickers
This drop features a set of javascript-driven form components that will come in useful for a variety of web applications.
A to Z CSS: Hover
Hover is a pseudo class and can be used to style state. The hover state is active when a users mouse enters the bounding box of an element and is inactive when the users mouse leaves it. In this episode, we’ll look at the :hover pseudo class on text links and create a CSS dropdown menu triggered by hover and enhanced with jQuery for touch devices.
CSSOff Update
Update on CSSOff progress and some explanation on its status.
James White @signalnoise Interview – Ep.83
UMS Video Podcast: Gene talks with James White about what it takes to be a professional illustrator and that path he’s taken in his career. Also, there’s talk about wrestling.
BizCraft Episode 41: Core values for you and your business
In this episode of BizCraft Carl and Gene get into personal core values that drive their personal, professional and business goals.
Krit: Easy Project Management for Designers and Devs
During their startup, Askins learned an important lesson: you must often remove yourself from your work in order to discover core issues. For example, his team desired to quickly solve their own developer problems and build systems to solve those issues.
Kickdrop Code Sample: Input Masks
Input masks can make for a great feedback device on your input fields. The input mask drop freatures formatting instructions for your users without creating the clutter that placeholders can sometimes cause.
Avoiding the Creep: How to Keep Scope Creep Out of Your Projects
How to handle scope creep in your web design project. These are the things we don’t like to deal with.
A to Z CSS: General Sibling
General sibling is a little known but very useful CSS selector. It allows the styling of an element that is a sibling of another. We’ll look at the syntax, a practical example and then a quick round up of the other child and sibling selectors in CSS.
Aaron Gustafson Interview – The Accessibility of Web Forms – Ep.82
UMS Video Podcast: Giovanni talks with Aaron Gustafson about the accessibility of web forms and how we, as designers, can change the way things are done to create better experiences for users.
Draft Episode 33: Mind The Gap
In this episode of Draft we discuss Josh Clark’s talk “mind the gap” – which is about taking the spaces in between screens and UI elements into consideration for your experience design.
Interview with Allyson Van Houten from Mailchimp
Allyson ran us through her typical day at MailChimp, where her responsibilities seem endless. Her time is spent with various teams within the overarching marketing team.
63 Web UI Patterns From Today’s Hottest Companies
Samples of UI Pattern studies from the UXPin eBook. Good stuff in here. The Web UI Patterns 2014 eBook from UXPin looks at examples from today’s most forward-thinking companies such as Pinterest, Yelp, Twitter, Spotify, Virgin America, Behance, AirBnB and more to match UI patterns to user needs.
Kickdrop Code Sample: Inline Text Editor
Medium is an amazing blogging platform with beautiful editor. We’ve featured the medium editor in this drop. As the user scrolls over content, they can easily declare headings, edit the style of paragraph text and everything in between.