Jagged Little Pill: Issues with Rounded Buttons
A technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
Design, Page 7
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.
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…
Encouraging Play in Design Systems
If tomorrow someone wanted to try out a radical new idea within your design system, where would that happen?
Designing Button States
Rethinking the way we prioritize interaction states to design more useful, versatile and delightful button patterns.
Time to Update Your Permissions UX
Google launched a big change to its permissions modal design with Chrome 63 in early December. I don’t think these changes have garnered enough attention in the web community. You may want to make some…
Breaking Out With CSS Grid Layout
Exploring shiny new solutions to a classic responsive design challenge.
Case Study: My First Practical CSS Grid Layout
A challenge cropped up in one of our projects that served as a simple, self-contained example of how grid layout can make things easier.
Broken Process
Here's a story we've seen play out a few times. A hypothetical designer at a hypothetical organization is tasked with mocking up some new design element…