Let’s Use the Nonexistent ::nth-letter Selector Now
“I think I’m done with reality.” — The Seventh Circle by Architects We’ve all, at some point,…
Popover API or Dialog API: Which to Choose?
Choosing between Popover API and Dialog API is difficult because they seem to do the same job,…
Loading Smarter: SVG vs. Raster Loaders in Modern Web Design
I got this interesting question in an SVG workshop: “What is the performance difference between an SVG…
Spiral Scrollytelling in CSS With sibling-index()
Confession time: I’ve read about the performance benefits of scroll-timeline(), but when I see an impressive JavaScript…
Trying to Make the Perfect Pie Chart in CSS
Speaking of charts… When was the last time you had to use a pie chart? If you…
CSS Bar Charts Using Modern Functions
New CSS features can sometimes make it easier and more efficient to code designs we already knew…
There is No Need to Trap Focus on a Dialog Element
I was building a Modal component that uses the <dialog> element’s showModal method. While testing the component,…
I Learned The First Rule of ARIA the Hard Way
Some time ago, I shipped a component that felt accessible by every measure I could test. Keyboard…