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.
CSS light-dark()
light-dark() makes it easy to build websites that respect the user's preferred color scheme while also providing the ability to override the color scheme…
Using an 11ty Shortcode to craft a custom CSS pipeline
I know I'm still a bit of a 11ty n00b, so I hope this isn't frowned upon in the community, but on rebuilding my blog using 11ty, I decided not to use the…
Best Practices for Optimizing Images
Our 10 most popular web performance articles of 2024 core web vitals javascript performance budgets metrics We love writing articles and blog posts that help…
Gotchas in Naming CSS View Transitions
I’m playing with making cross-document view transitions work on this blog. Nothing fancy. Mostly copying how Dave Rupert does it on his site where you get a…
The wrong way to do Web Components
There’s not really a “wrong” way to build Web Components. But there are some approaches that are, in my opinion, antithetical to the spirit of them, and maybe…
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers
Let’s say you don’t know JavaScript. Like, at all. You haven’t needed it. You’re a web designer and you’re focused largely on UI and UX. Your skills with design…
Anchor Positioning and the Popover API for a JS-Free Site Menu
Anchor positioning in CSS enables us to position an element relative to an anchor element anywhere on the page. Prior to this we could only position an element…
More ways to instantiate Web Components
Last week, we looked at different ways to setup the HTML in a Web Component. One of the challenges with running your code in the constructor() is that sometimes…
A quick and easy guide to Markdown
This guide is designed to help everyone with Markdown, even if they have never written it before. It is deliberately simple. There’s links to further resources…
Custom attributes in Web Components
One of my favorite ways to customize Web Components is with custom attributes. Since writing that last article, I’ve gotten some questions around using custom…