Some Design Advice
A loosely organized and inexhaustive list of feedback and suggestions I frequently give designers.
Accessibility, Page 3
Jagged Little Pill: Issues with Rounded Buttons
A technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
A Quick Update on Our SVG Icon Process
Our techniques evolve with each new project, and SVG icons are no exception!
See No Evil: Hidden Content and Accessibility
When I first started learning web development I thought hiding content was simple: slap display: none; onto your hidden element and call it a day. Since then I’ve learned about screen readers, ARIA attributes,…
Homework I Gave Web Designers
From 2008 through 2010 I taught Internet Typography and Web Standards courses part-time at a local art school. One of my goals was to balance students’ understanding of the web’s constraints with its potential. Too…
Color Contrast: Fixing the Wheel
Incorporating contrast checks into our process has fundamentally changed the way we approach color in our design systems.
Case Study: Our SVG Icon Process
Update (July 2019): Our process has changed quite a bit since this article was written. Check out our latest update! When I wrote about why you shouldn’t use icon fonts in your next…
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…