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.
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…
Default Apps 2024
There've been some folks sharing their 2024 default apps; let me join the fun! Heads up! Some of this post's links are affiliate links. If this rubs you the…
Slash Pages?
Sometimes I look at this list of “slash pages” and I’m like ughkgh I love these, I should do like all of them. Then something stops me and I think I’ve figured…
Responsive design is dead. Long live fluid design!
I’ve been thinking a lot about this lately. For years, responsive design has been our go-to solution for…
Every token is a feature
I’m in the middle of a design tokens project and I thought I’d share something I’m learning that is probably obvious to everyone else; every design token is a…
Don’t Use aria-label on Static Text Elements
Don’t use the aria-label or aria-labelledby attributes on <div>s, <span>s, or other elements representing static/noninteractive text-level…
A Design Tokens Workflow (part 3) - Beyond JSON: Exploring File Formats for Design Tokens
Discover how to go beyond JSON and explore alternative file formats for design tokens in Style Dictionary. Learn to use YAML, JSON5, HJSON, and W3C-compliant…