Styling a list of nested details elements to create a beautiful lokking tree view, all in CSS, all nicely accessible.
Here’s a little snippet of CSS that solves a problem I’ve never considered:
The problem is that Live Text, “Select text in images to copy or take action,” is enabled by default on iOS devices (Settings → General → Language & Region), which can interfere with the contextual menu in Safari. Pressing down on the above link may select the text inside the image instead of selecting the link URL.
This is a spot-on analysis of how CSS-in-JS failed to deliver on any of its promises:
CSS-in-JS was born out of good intentions — modularity, predictability and componentization. But what we got was complexity disguised as progress.
I’m not the only one who’s amazed by how much you can do with just a little CSS these days.
Here’s a comprehensive round-up of new CSS that you can use right now—you can expect to see some of this in action at Web Day Out!
There’s really good browser support for display-mode media queries and this article does a really good job of running through some of the use cases for your progressive web app.
Reminding myself just how much you can do with CSS these days.
How to make the distance of link underlines proportional to the line height of the text.
Make your links beautiful and accessible.
Some styles I re-use when I’m programming with CSS.
Having fun with view transitions and scroll-driven animations.