With just those few lines of CSS, we have a floating focus indicator that follows the keyboard focus around the page. Using only CSS means all the work is offloaded to the browser's rendering engine, which can optimize it better. That means less CPU usage, better battery life and smoother animations.

Subgrid is not new, but the recent State of CSS survey results showed that it was something that was still confusing to people, so we thought we’d circle back and show an easy way to understand what’s happening. It’s been supported by the major browsers for a while now, so it’s safe to use.

To celebrate scroll-driven animations finally landing in Safari 26, here are some things you probably want to know before using them.

A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.

This is a 101 post on when and how to use the slash content property syntax in CSS to provide alt text for CSS-generated content, and why it is important.