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.

A number of high profile websites use a system font stack for that extra drop of performance. In this video we look at system fonts, how to reference them in CSS, why you might want to use them, and how to use them. Along the way we discover a mistake that a number of high profile websites make in their CSS.

This article by Russell Beswick is an advanced developer discussion of Web Components and Shadow DOM. It will be of value to those working with Web Components and Shadow DOM, but for others it may not be of much interest.

It is good to see ElegantThemes creating this type of tutorial so that their users will be ready to make full use of Divi 5.