Of all the latest and greatest CSS features, the :has pseudo-class wasn’t exactly at the top of my wishlist. Once I started using it, however, I kept discovering incredible things I could do with it. It’s now become a core part of my toolkit! In this blog post, I’ll show you some practical real-world problems I solved using :has, as well as some wild experiments that blew my mind!

Media queries are nice, but for many things, we don’t even need them: there is this great CSS property color-scheme, which allows us to make various things adapt to the current color scheme. We can even set it on a per-element basis. This post describes how we can use registered custom properties and style queries to read the current value of a light-dark() color for styling any non-color properties as well.

An exploration of the newly supported at-rule for explicitly defining and animating custom properties in CSS.

Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like 100vh. Philip Braunen explores why this happens and presents a solution to fix it.

Can we do modern web development without a build step? How can we solve common build problems in HTML, CSS and Javascript using just the platform?