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.
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…
Getting Started With Style Dictionary
Design Tokens have become a widely-adopted method to store design decisions (such as colours, typography, spacing, border-radius, and other visual properties) across products, applications, and websites.
What Else Can We Do With Design Tokens?
Design Tokens are a solution in Design System that allow teams to define and use their design…
Top 10 Graphic Design Trends For 2024
As we navigate through 2024, the world of graphic design is buzzing with new and exciting trends that are reshaping the industry. This year has brought a lively…
As little code as possible
That should be the goal when writing code. As little of it as possible. I don’t mean in the code-golf, how-short-can-I-make-this-line-of-code kind of way…