Issue #530

Links

4 CSS Features Every Front-End Developer Should Know In 2026

2026; I think every front-end developer should know how to query scroll states, trim typographic whitespace, stagger with sibling-index(), and use type safe attr(). This is only some of the CSS that shipped in 2025 you need to know.

How to @scope CSS Now That It’s Baseline

We have some new and exciting ways of writing and organizing CSS, so today I’ll demonstrate the different ways of using @scope and the benefits of each one.

Introducing CSS Grid Lanes

It’s here, the future of masonry layouts on the web! After the groundwork laid by Mozilla, years of effort by Apple’s WebKit team, and many rounds debate at the CSS Working Group with all the browsers, it’s now clear how it works.

Algorithmic Hover States with contrast-color()

Firefox 146 added support for contrast-color() joining Safari 26 in the First Implementor’s Club. For those unfamiliar, contrast-color(<color>) is a new CSS function that will take a <color> as input and returns either white or black depending on which has the most contrast.

5 Accessibility Checks to Run on Every Component

Hidde de Vries explains how to test components for accessibility, from keyboard support to screen readers and zoom.

Videos

How to Keep CSS Grid Incredibly Simple

I always get comments from people saying how flexbox is easier to use than grid. People like the single track approach that you get with flexbox where you're just worried about a row or column versus the more complicated approach of grid where you're dealing with rows and columns and line numbers and everything else. But grid does not need to be complicated like that. We can definitely simplify it.