CSS Optimization: Is Using Declarations Just Once (UDJO) Still Effective Today?
CSS optimization is a deceptive topic. On the one hand, it feels like something simple that we…
Taming Typography: Building a Modern CSS Reset
CSS can now make choices about type that used to sit outside a reset. text-wrap: pretty can…
Re-Implementing :nth-child() With Modern CSS
The title sounds a bit strange, right? Why re-implement an existing feature, that’s completely useless! I have…
What’s new for merchants in WooCommerce 11.2
WooCommerce 11.2 is here with some exciting new updates. Here’s everything you need to know about the…
How to choose a B2B ecommerce platform
Your B2B buyers want the same convenience they find elsewhere when placing orders; the freedom to manage…
What’s !important #18: , Syntax ::highlight()ing, named-feature(), and More
Well, that’s a wrap. No, not a flex-wrap, but rather today marks a new day, week, month,…
Creating Web Widgets Using the Document Picture-in-Picture API
Firefox 151 recently shipped the Document Picture-in-Picture API. This isn’t the same thing as the (regular?) Picture-in-Picture…
The Shifting Line Between CSS States and JavaScript Events
CSS is listening to us. No, not like that. Rather, CSS is accumulating more and more pseudo-classes…
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…