Excited to finally explore CSS state queries and Scroll Snap events. This article will showcase initial impressions and demos using these features.

Good defaults make things easier to teach. So the initial behaviour of Flexbox putting all your things in a row is a great starting point for whatever you might want to do. I want to be able to take the same approach with display: masonry.

Let’s animate some CSS custom properties! This is a powerful way to approach CSS animations that would otherwise be tedious or impractical to implement.

Selecting the next element in CSS can be done easily with the + combinator. Selecting the previous element used to be impossible, but now can be like :has(+ .el), and can be extended in either direction.

Myriam Frisano explores the basics of hand-coding SVGs with practical examples to demystify the inner workings of common SVG elements. In this guide, you’ll learn about asking the right questions to solve common positioning problems and how to leverage JavaScript so that, by the end, you can add “SVG coding” to your toolbox. You’ll also be able to declare proudly, “I know how to draw literal pictures with words!”