Topic: Best Practices

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, the HTML5 hidden attribute,… More

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 much focus on the former… More

Incorporating contrast checks into our process has fundamentally changed the way we approach color in our design systems. More

If tomorrow someone wanted to try out a radical new idea within your design system, where would that happen?… More

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 changes to your website quickly. More

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

Big responsive projects are complicated, and standardized breakpoints can help. But they can also encourage bad habits if we aren't careful. More

Shortly after we opened up Drizzle, our pattern library framework, Luke Askew started a wonderful discussion of pattern library maintainability in that project’s repository. This inspired me to reflect on the pattern libraries we’d started or contributed to… More

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 Credit Card Forms Using Your… More

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 and versatility of pictograms… More