The CSS :is() pseudo-class is useful for writing repetitive selectors in a more compact form: goo.gle/cssis by @argyleink covers it well!
ALT The :is() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list. This is useful for writing large selectors in a more compact form. e.g :is(.photo, .video) .share-button:hover { }
This is a super niche blog post. But it's been on my list forever to write down because this caused me grief for far too long. css-tricks.com/the-trick-to-…
A BUNCH of good ideas ideas from @atiehempenius and @una. Good performance is good for lots of reasons, even if the SEO angle of CWV isn't compelling to you. css-tricks.com/css-for-web-v…
I got this exact question in an email the other day, and I thought it would make a nice blog post because of how wonderfully satisfying this is to do in CSS these day. css-tricks.com/how-do-you-ma…
Might not come up often (or ever?) but Travis Almand has a few ways to distinguish between different types of "click" events. css-tricks.com/when-a-click-…
I needed to select some elements between two fixed indexes the other day — like literally the second through fifth elements. Not complicated, but definitely a brain twister. css-tricks.com/nth-child-bet…