That HTML Blog Weekly Digest #6: Class Utilities, Examples of Shadow DOM Pros/Cons
Friday, August 25, 2023
Howdy one and all! Short newsletter this week, as there's been a lot of behind-the-scenes work going on over at The Spicy Web. But with a lot of stuff in the queue, you can be sure there's much more to feature next round.
Speaking of which, please let me know what you'd like to see in future issues of That HTML Blog! Got any links? Any ideas for topics? Resources we should promote? I'd love to hear all about it.
Cheers, ✌️
Jared
Pros & Cons of Shadow DOM (with Lots of Examples) ➦
I tend to cringe whenever I hear of another article “dealing” with shadow DOM, because for whatever reason it continues to feel like some freaky frothy topic in the world of web component architecture. But Manuel Matuzović has been a solid and respected author & speaker for some time in the world of web development—CSS & accessibility in particular—so when he says something, I listen.
Property-based Class Utilities ➦
This whole article by Kevin Pennekamp is a fabulous read, but I’d like to zero in particularly on a really cool idea I haven’t seen explored much elsewhere, and that is what Kevin calls “class utilities”.
Not to be confused with utility classes, class utilities only set CSS custom properties (aka CSS variables) which are then utilized by a specific layout or component-type class.