Quantity queries using has() selector
Here’s a handy little tool for generating CSS with :has() selectors in order to do quantity queries.
As well as a very welcome announcement, Jen has a really good question for you about nesting in CSS.
If you have an opinion on the answer, please chime in.
Here’s a handy little tool for generating CSS with :has() selectors in order to do quantity queries.
I really like the idea of unifying some layout values in CSS. If you’ve got any feedback, please chip in!
And by LLMS I mean: (L)ots of (L)ittle ht(M)l page(S).
I really like this approach: using separate pages instead of in-page interactions. I remember Simon talking about how great this works, and that was a few years back, before we had view transitions.
I build separate, small HTML pages for each “interaction” I want, then I let CSS transitions take over and I get something that feels better than its JS counterpart for way less work.
This describes how I like to work too.
Some interesting experiments in web typography here.
Some styles I re-use when I’m programming with CSS.
Having fun with view transitions and scroll-driven animations.
A little fix for Safari.
Had you heard of these bits of CSS? Me too/neither!
If you’re going to toggle the display of content with CSS, make sure the more complex selector does the hiding, not the showing.