Anchor position tool
This is a great little helper in understanding anchor positioning in CSS.
CSS :has() Interactive Guide
This isn’t just a great explanation of :has(), it’s an excellent way of understanding selectors in general. I love how the examples are interactive!
Related links
CSS wants to be a system - daverupert.com
CSS wants you to build a system with it. It wants styles to build up, not flatten down.
Truth!
I wasted a day on CSS selector performance to make a website load 2ms faster | Trys Mudford
Picture me holding Trys back and telling him, “Leave it alone, mate, it’s not worth it!”
What is Utility-First CSS?: HeydonWorks
Heydon does a very good job of explaining why throwing away the power of selectors makes no sense.
Utility-first detractors complain a lot about how verbose this is and, consequently, how ugly. And it is indeed. But you’d forgive it that if it actually solved a problem, which it doesn’t. It is unequivocally an inferior way of making things which are alike look alike, as you should. It is and can only be useful for reproducing inconsistent design, wherein all those repeated values would instead differ.
He’s also right on the nose in explaining why something as awful at Tailwind could get so popular:
But CSS isn’t new, it’s only good. And in this backwards, bullshit-optimized economy of garbage and nonsense, good isn’t bad enough.
Getting started with CSS container queries | MDN Blog
Michelle has written a detailed practical guide to container queries here.
Related posts
Schooltijd
Going back to school in Amsterdam.
Programming CSS
A language so powerful that we have to stop ourselves from using all its features.
An nth-letter selector in CSS
The latest installment in the long tradition of calling for this pseudo-element.
Between the braces
The two faces of CSS.
Code refactoring for America
Committing CSS heresy for more maintainable markup.