Designing Button States
Rethinking the way we prioritize interaction states to design more useful, versatile and delightful button patterns.
Essentials, Page 2
Progressive Web Apps Simply Make Sense
Progressive Webs Apps versus native misses the point. Here is a simple case for Progressive Web Apps that even native app developers can agree with.
Autofill: What web devs should know, but don’t
Many people know that you can scan your credit card in Mobile Safari. But how many web developers know how to create a form that supports that feature? Not many I’d bet. Auto-Fill…
A Responsive Guide to Type Sizing
When starting new projects, a CSS builder’s initial concerns tend to involve typography. Setting a typographic foundation with the right mixture of ingredients can form something solid enough to support many other building blocks of…
Seriously, Don’t Use Icon Fonts
Icons are everywhere. These “little miracle workers” (as John Hicks described them) help us reinforce meaning in the interfaces we design and build. Their popularity in web design has never been greater; the conciseness…
Responsive Images 101, Part 1: Definitions
Over the last few years, we’ve written a quite a few articles about responsive images. Now that responsive images have landed in browsers, it seemed like a good time to step back and…
Two pretty-good techniques for styling tricky form elements
Confession time: For most of my career, I despised form elements. Checkboxes, radios, selects and file inputs seemed to gleefully defy what little control I expected from an HTML element. Their penchant for idiosyncracy drove…
Defining Responsiveness
When people say that something is responsive, what do they mean? I’m not being facetious. I think many of us think we know what is meant, but when you dig deeper, there is disagreement about…
Picking a Responsive Tables Solution
One of the most common questions I get asked during responsive design workshops is how to handle tables. I usually show some of the techniques and then tell people they should pick the right technique…
Responsive Web Design is Solid Gold
A few years ago I wrote an article entitled CSS Media Query for Mobile is Fool’s Gold. It garnered a lot of attention at the time, and I still see people reference it. I’ve…