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.
Adding a Copy Button to Code Blocks
Copying code from code blocks, without having to manually select it all first, is very handy convenience feature. But despite having published a ton of code…
Don’t Wrap Figure in a Link
In my post Brief Note on Figure and Figcaption Support I demonstrate how, when encountering a figure with a screen reader, you won’t hear…
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…