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.
A to Z CSS: Enabled
:enabled and :disabled are pseudo classes that allow the styling of different states of form inputs, ones that are clickable or can have text entered into them (enabled) or those that can’t (disabled).
Interview with Eric Dodds from The Iron Yard
ric Dodds, Partner and Head of Brand and Operations at The Iron Yard, shared with us the path that The Iron Yard took to be where they are today, and why code education is taking off in the Southeast and beyond.
BD Conf Nashville Thank You!
We want to share a heartfelt thank you for attending BD Conf Nashville. Without you guys showing up there’d be no conference!
Draft Episode 32: Native Vs. Web
In this episode of Draft we talk through the pros and cons of going native vs. web with an iPhone app or mobile web app.
Kickdrop Code Sample: Expanding Content Overlay
This simple expanding overlay effect code snippet leverages CSS3 and a little bit of Javascript to do it’s magic.
A to Z CSS: Display
Different types of elements have different display values by default. These include inline, block, list-item, table and many more.
A to Z CSS: Color
The web would be a pretty dull place without a splash of colour. There are a number of different properties that take a colour value and there are four different colour syntaxes in CSS and that’s what we’ll be focusing on in this video. Those formats are colour keywords, hex, RGB and HSL
Kickdrop Code Sample: jQuery Slideout Menu
An elegant jQuery-powered animated slideout menu. We were inspired by the simple effect found at Outdated Browser and extended the menu to also work in a variety of places. Try it as a top menu, as well as a right-side menu.
BizCraft Episode 40: The “Get over yourself” show
In this episode of BizCraft we talk about employee perks, how lucky we are to be doing what we’re doing as an industry and swapped some failure stories.
A to Z CSS: Box Model
Every element on a web page is a box and we can describe the characteristics of these boxes using the CSS Box Model. Understanding this model and how different types of boxes lay out, is key when converting designs into a working website