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.

Cedric, the author of BricksProps, does a deep dive into BEM and how to use it.

Here is a fun video from Kevin Power playing with CSS currentColor and color-mix. It might be useful for people trying to create light and dark mode color palettes.

Here is an interesting take on Tailwind that challenges its core principles and suggests that semantic HTML and CSS is a better option. These are interesting topics, but of course the choice of a CSS design system depends on the project, the users, goals, etc.

Here is a helpful guide on click / tap target sizes for use when designing interactive elements. It is common-sense, but sometimes overlooked. I like that it mentions specific pixel sizes and has examples of how to make the target larger.