Lead story · Frontend engineering
The Future of CSS ✨
Josh W. Comeau · Josh W. Comeau
Published October 20, 2026
Josh W. Comeau walks through the ten CSS features he voted for in Mozilla's Interop 2027 ranking. They run from CSS functions and corner-shape to reading-flow, interpolate-size and scroll-state container queries. For each one he shows current browser support and example code, and he points out which can already be used as progressive enhancements.
Key takeaways
- Focus areas added to Interop often reach near-100% support across major browsers within a year. Subgrid became widely available by the end of 2023 after it was added to Interop 2023.
- Features such as corner-shape and interpolate-size can be used today as progressive enhancements, but gate interpolate-size transitions behind @supports so unsupported browsers don't get a brief delay.
- The reading-flow property lets focus order follow the visual order of a grid or flex layout instead of DOM order.
Why AI selected this
It previews the CSS that is likely to become broadly usable next year. It also argues that engineers need to know modern features to steer coding agents whose training data is years old.