Condition of CSS [2022]

Today’s and tomorrow’s web style features, as demonstrated at Google IO 2022, plus several extras.

With a collective objective to implement 14 features, the year 2022 is poised to be one of CSS’s biggest years for features and cooperative browser feature releases.

Overview

The talk given at Google IO 2022 is presented in written form in this post.It’s not intended to be a comprehensive tour to every feature; rather, it will serve as an introduction and brevity instead of depth to spark your curiosity.

Browser compatibility

The activities of Interop 2022 are a major factor in why there will be a coordinated release of so many CSS features. It’s vital to look into Compat 2021’s activities before analyzing the Interop initiatives.

Compat 2021

Survey responses from developers served as the inspiration for the objectives for 2021, which included stabilizing current features, enhancing the test suite, and raising browser passing rates for five features:

1. sticky positioning
2. aspect-ratio sizing
3. flex layout
4. grid layout
5. transform positioning and animation

Interop 2022

This year, browser developers got together to talk about the features and goals they wanted to focus on in order to coordinate their efforts. For web…