Jagged Little Pill: Issues with Rounded Buttons
A technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
Development, Page 8
A Quick Update on Our SVG Icon Process
Our techniques evolve with each new project, and SVG icons are no exception!
Tips for Portable Patterns
Strategies for sharing HTML, CSS and JavaScript patterns between seemingly disparate projects or platforms.
How to Distribute a Pattern Library as an npm Package from a Private Git Repo
So you’ve got a pattern library: Congratulations! The next step is making it possible for other people to use those patterns. You could simply provide download links for the CSS and other assets, but then…
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…
New Chrome Developer Tool Illuminates Opaque Responses
Chrome is introducing an opaque response-type visual indicator hoping to shed some light on exceeded storage quota errors when caching opaque responses.
Getting Started with the Prettier Plugin for ESLint
If you’ve ever had to edit a project before (yours or someone else’s), you’ve definitely thought at some point: “What am I even looking at?” Enter Prettier, the new tool to transform…
When 7 KB Equals 7 MB
A documentation of my journey in understanding why the cache storage was bloating when caching CDN-hosted static assets with a service worker.
Breaking Out With CSS Grid Layout
Exploring shiny new solutions to a classic responsive design challenge.