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.

CSS Tips: Text and link underline options are easier than you might think. I needed to do this today and saw Kevin Powell just posted a video on it. My good fortune.

Kevin Powell gets a little feisty talking about fonts and even WordPress gets some love. What do you think, use the system font stack for the win, or is the designer in you cringing?