This is a nice article by Andy Bell on how to build a button component. A solid approach with lots of CSS tips.

This looks like it will expand the designer’s options. The corner-shape property is used in conjunction with border-radius to define the shape of the curve. Currently at about 66% coverage it is still experimental, but the article suggests using it today as a progressive enhancement.

Bricks 2.2 added tools for creating and managing a CSS framework. In this video Paul Charlton shows how to create your own CSS framework in Bricks. If you are interested in using these new features then you can catch in the video how to do it.

If you read the page source before reading the page copy, then this report on CSS usage might be of interest. This is an in-depth analysis of what CSS is used on the top 100,000 websites. There are some interesting numbers, for instance, for CSS size, in the 50th percentile sites have 309KB of CSS. Note, there is a navigator on right side of the page to see and jump between sections.

A look at the expanding features of CSS.

Does CSS Grid seem too complex? Kevin Powell shows some ways to keep it simple.

Beginner and intermediate CSS – This video by Kevin Powell shows how to use CSS combinators. This is standard CSS that you will need to know.

Here is a great presentation by Adam Argyle on new CSS features.

In this video Kevin Geary shows how to use container queries along with “has me” selector:

:has(> &)

to control layout based on container size.