This is a curated list of articles I've read and have shared online as I believe they are worth sharing. I aim to update this list on a weekly basis. You can keep up to date with all the links I share by revisiting this page, or alternately, you can subscribe to the RSS feed for links.
Asking the right questions to frame the problem
Framing the problem is vital for designers. We need to be relentlessly talking about the core benefits that a product or service delivers, and why. I’ve found…
Eleventy Transform speeds local development...a lot!
Ever since the Eleventy v3.0.0 came out and the new Eleventy Image plugin came out…
Syndicating to Bluesky
Back then my approach to syndicating to Bluesky was to piggy-back off my micro.blog account (which is really just the RSS feed of my notes): Micro.blog can also…
Playing with Infinity in CSS
CSS has an infinity constant. When I first learned about this, my brain lit up with all kinds of absurd possibilities. Let’s discuss! There might even be some…
How SVG Line Animation Works
I bet all of you have seen that little trick where an SVG path is animated to look like it’s drawing itself. It’s super cool. Jake Archibald pioneered the…
View transitions: Handling aspect ratio changes
This post assumes some knowledge of view transitions. If you're looking for a from-scratch intro to the feature, see this article. When folks ask me for help…
A CSS project boilerplate
When it comes to the core of CSS stuff, we do things very much the same each time at the studio. The output varies project-to-project, but the core principles…
Doing what’s required: Indicating mandatory fields in an accessible way
When filling in a form—be it signing up for a newsletter or applying for a credit card—you must provide a minimum…
Outputting to Different Formats with Style Dictionary
In this article we will go through the other 'built-in' formats that are available, how to set them up, what they are for, and what they would look like.
Web Components and FOUC
My preferred style of authoring Web Components is to start with existing HTML and enhance it once the Web Component loads. For example, if I were building a…