Best Practices, Page 3

Lately I've been using variables to plan out pure CSS timelines for complex animations. I built an SVG and CSS Rube Goldberg machine to put this technique to the test!

If you’ve ever tried to use a CSS transition on an element with the hidden attribute or display: none;, you know this can be a challenge. I’ve run into this problem a number of times…

A loosely organized and inexhaustive list of feedback and suggestions I frequently give designers.

I recently found myself racing to fill out Chipotle’s online order form before my mother could find her credit card. In the process, I discovered a bug that could cost Chipotle $4.4 million annually. My…

Strategies for when the goals of your project, team or users diverge from those of an established design system.

A technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.

Strategies for sharing HTML, CSS and JavaScript patterns between seemingly disparate projects or platforms.

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,…

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…