Frontend Stories

A practical exploration of CSS Anchor Positioning and the anchor() function to visually connect related elements without extra markup.

A simple introduction to the CSS light-dark() function and how it makes light and dark mode styling much easier.

Discover the new <search> element in HTML, how it improves semantics and accessibility, and where to use it in your projects.

Discover how CSS evolved in 2024 with subgrid, anchor positioning, and more, streamlining layouts and boosting developer ergonomics.

Rebeccapurple becomes the official CSS logo color! Explore the new repo for formats and future variants, including CSS4, CSS5, and beyond. 💜

Explore my CSS grid system that's kept layouts flexible and responsive for years, with named columns and custom constraints for consistent design.

CSS Masonry should be part of display: grid to streamline layouts, avoid fragmentation, leverage Grid's features, and provide a consistent developer experience.

"Snapflyover" describes elements briefly entering but not stopping in the snap zone, providing visual or interactive feedback during scroll snapping.

Sticky menus take up space, obscure content, break when zoomed, and are hard to control. Instead, shorten pages, use back-to-top links, and place links in context.