Defensive API Handling
On a recent client project, we had a form that submitted to a third-party registration service. They sent us some documentation for the API, and we built the form. Easy-peasy, right? What followed was...
View ArticleMac VoiceOver Testing the Simple Way
Illustration by Paul Hebert Learning VoiceOver can feel overwhelming, so I’m here to give you a simple, repeatable process you can follow to make testing with VO as easy as possible. Accessibility...
View ArticleThe Power of CSS Blend Modes
I knew CSS blend modes could create some cool effects, but even so, a CodePen I saw recently left me shocked at what they’re capable of. Apple-Inspired Pride Clock See the Pen Apple inspired Pride...
View ArticleHighly Customizable Background Gradients
A recent project I worked on had a common design element across many pages: A cool-looking gradient background composed of multiple color “spotlights.” The colors of the spotlights varied from page to...
View ArticleHow We Added Open Graph Tags to CloudFour.com
During our 2022 redesign, Tyler noticed that our OG (Open Graph) tags weren’t working quite right. We had been using Jetpack to add these, but for reasons that weren’t clear to us, that stopped...
View ArticleIn Praise of Vite
I consider myself a fairly capable developer. I even enjoy working with the infrastructure that powers our projects. I love setting up our design tokens, preprocessors, linters, and other tools that...
View ArticleStarfield’s Accessibility Problems
I’ve been playing a lot of Starfield lately, the new game from Bethesda Studios, and I really enjoy it. Flying my little spaceship around, pretending to be Naomi Nagata from The Expanse, and digging...
View ArticleWhen to Nest CSS
With the recent news that CSS nesting is now available in the major evergreen browsers, our team was discussing how it differs from nesting in Sass, and the question came up — When should you use...
View ArticleSurprising Facts About New CSS Selectors
I went down a bit of a rabbit-hole recently learning about CSS Nesting, specifically regarding the new & selector. I heard that it behaves like the :is() selector, and in the course of...
View ArticleHTML Web Components Are Having a Moment
One nice thing about running a front-end newsletter is that you get to keep a sort of birds-eye view of what’s happening across the industry as a whole. A common pattern I see is the people who live...
View ArticleHow to Create a Website and a PDF from the Same Codebase
Recently a client approached us to produce a digital version of a printed information packet. Making changes to this packet was costly and time-consuming, so they wanted to convert the sections of the...
View ArticleThe Many, Confusing File System APIs
On a recent project, we were developing a feature that could save directories of files to the user’s file system. A coworker suggested I check out the “File System API,” but warned that it only works...
View ArticleWrite Alt Text Like You’re Talking To A Friend
If you take nothing else away from this post, I want you to remember this: Write alternative text as if you’re describing the image to a friend. I find people often get too wrapped up in what the...
View Article
More Pages to Explore .....