Limit the reach of your selectors with the CSSĀ @scopeĀ at-rule
Bramus Van Damme explains how to use @scope to select elements only within a limited subtree of your DOM.
Issue #564
Headlines
ā¶ Using CSS custom properties like this is a waste
Kevin Powell explores how you can make your code a lot more efficient by leveragingĀ pseudo-private custom properties.
From Our Sponsor (via Revelo)
Hire vetted developers in US time zones, fast
Need speed and flexibility in scaling dev teams? Revelo is the largest platform to hire world-class remote developers from LatAm. Get matched with vetted candidates in 3 days. Get a $2,500 credit on first hire.
CSS Weekly on YouTube
ā¶ Start Styling Your console.log() Messages
A guide on styling console.log() messages with format specifiers to get more distinguishable and organized console output.
ā¶ Horizontal rule inside select element?
A quick tip showing how you can add a horizontal rule element in a select element as a visual separator between some of the list items without using JavaScript.
What have I been up to
CSS Stickers!
I’ve shared some nuggets about my CSS Stickers pack a couple of times in the newsletter, along with a link to the subscribe form, and I’m happy to say that we’re almost at the threshold of interest that makes this project viable.
If you’re even remotely interested in CSS Stickers, please sign up for the updatesāhopefully, I’ll have more to share soon. š
Inspiration
Boxfish / Pufferfish
Maciek Fitzner created a stunning, CSS-only animated, 3D low-poly fish character.