Cross-Document View Transitions: Scaling Across Hundreds of Elements
In Part 1, we covered the gotchas that bite you first: the deprecated meta tag that silently…
Cross-Document View Transitions: The Gotchas Nobody Mentions
I wasted an entire Saturday on this. Not a lazy Saturday either, but one of those rare,…
The Importance of Native Randomness in CSS
Recently, I published a story about the new random functions that have landed in CSS and how…
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,…
Alternatives to the !important Keyword
Every now and then, I stumble onto an old project of mine, or worse, someone else’s, and…
The Different Ways to Select in CSS
Temani Afif recently did this exercise and I thought I’d build off of it. Some of these…
A Complete Guide to Bookmarklets
You’re surely no stranger to bookmarks. The ability to favorite, save, or “bookmark” web pages has been…
Potentially Coming to a Browser :near() You
Just before we wrapped up 2025, I saw this proposal for :near(), a pseudo-class that would match…
No-Hassle Visual Studio Code Theming: Building an Extension
Years ago, when I read Sarah Drasner’s article on creating a VS Code theme, I silently thought…
Thank You (2025 Edition)
If I had to whittle down my favorite thing about CSS-Tricks to one thing — and like…
Responsive List of Avatars Using Modern CSS (Part 2)
Ready for the second part? If you recall, last time we worked on a responsive list of…
Should We Even Have :closed?
For the past few months, I’ve been writing a lot of entries on pseudo-selectors in CSS, like ::picker() or ::checkmark….
Pure CSS Tabs With Details, Grid, and Subgrid
Making a tab interface with CSS is a never-ending topic in the world of modern web development….
Is it Time to Un-Sass?
Several weeks ago, I participated in Front End Study Hall. Front End Study Hall is an HTML…
Composition in CSS
Tailwind and other utility libraries have been huge proponents of composition. But, to me, their version of…
We Might Need Something Between Root and Relative CSS Units for “Base Elements”
CSS provides us with root and relative values. Root values are like rem and rlh — they’re…
How to Prepare for CSS-Specific Interview Questions
If you landed on this article, chances are you might have a front-end interview coming up, perhaps…
A First Look at the Interest Invoker API (for Hover-Triggered Popovers)
Chrome 139 is experimenting with Open UI’s proposed Interest Invoker API, which would be used to create…
Getting Creative With HTML Dialog
Like ’em or loath ’em, whether you’re showing an alert, a message, or a newsletter signup, dialogue…
A Reader’s Question on Nested Lists
A couple of days back, among the tens of crypto-scams that flood our contact inbox, we found…
The Lost CSS Tricks of Cohost.org
You would be forgiven if you’ve never heard of Cohost.org. The bespoke, Tumblr-like social media website came and…
CSS-Tricks Chronicles XLIII
Normally, I like to publish one of these updates every few months. But seeing as the last…
Worlds Collide: Keyframe Collision Detection Using Style Queries
A friend DMs Lee Meyer a CodePen by Manuel Schaller containing a pure CSS simulation of one…
Quick Reminder That :is() and :where() Are Basically the Same With One Key Difference
I’ve seen a handful of recent posts talking about the utility of the :is() relational pseudo-selector. No…