From Kevin Powell’s podcast, his musings on the rate of adoption of different CSS features.

Here are 8 CSS and JavaScript Snippets for Adding Reveal Effects.

A good tutorial on CSS Subgrid and how to use it.

Matcha.css is a semantic CSS library that provides styling based on the element names, rather than classes. These types of libraries are good for providing default styling for HTML for simple sites.

Developers have manually styled the HTML checkbox to make it look like a switch. Now a new attribute for the checkbox is proposed that will render a checkbox as a switch. Interesting, but not ready for prime time.

In this article in Smashing Magazine, Temani Afif shows how to use CSS clip-path and math functions to create various CSS shapes.

Kevin Powell noticed a couple of big sites are already using CSS layers. He muses on this and when you pull the trigger on a new CSS feature — how much support is enough? (note this is audio only as it is from his podcast).

Spectra Blocks has an update coming adding support for CSS Grid. Adam Preiser has been noodling on this new feature and shares a conceptual way to help understand how to create unique grid layouts. The concepts shown in the video can be used with any builder that supports CSS Grid.

Many of the features of SASS have been incorporated into vanilla CSS. Though browser support is not universal enough, CSS is actively evolving. BTW, this topic came up on Kevin Geary’s WDD live yesterday and he mentioned that using variables in media queries is a features that SASS provides that modern CSS is still lacking.