Voice Your Opinion on the State of CSS in 2022
by Kelsey Arrington on Oct 12, 2022 Have you heard? The State of CSS 2022 Survey is open! As CSS progression continues gaining momentum, surveys like The State of CSS help the development community identify needed CSS features, dissect browser inconsistencies, and review more historical trends. For web developers, designers, or anyone interested in the future of CSS, this year’s survey is extremely important. Keep scrolling to find out why you should voice your opinion!
In this post:
A Brief Background on the State of CSS Survey
The State of CSS Survey is an annual web development poll that has been around since 2019. When it was first created and launched, by Sacha Greif and Raphael Benitte, the survey looked at specific features – focusing on Flexbox, CSS-Grid, CSS in JS, and how the implementation of those features would impact the industry. In that year’s edition, more than 10,000 developers were surveyed!
Cascading Style Sheets in 2022
This has been a big year for CSS! Since the survey was first launched, nearly four years ago, many things have evolved. And this year’s edition of the survey is sure to reflect that. Let’s look at some of the new things the development community can do with CSS in 2022.
A Few Prominent Features That Launched in 2022
@layer
Armed with the data collected during 2021’s State of CSS survey, the development community moved towards making CSS more efficient for programmers. One way that is being achieved is with the @layer rule. Not sure what the @layer rule is? This CSS Layers Explainer offers a succinct explanation, stating, “the @layer rule describes an explicit cascade layer, with the option to assign style rules using either a nested stylesheet block or a URL import.” The explainer article goes on to clarify that @layer can also be used to define a layer without attaching a specific style rule to it.
subgrid
In another effort to streamline the development process, subgrid was introduced. Before the advent of subgrid, grid layouts were isolated – forcing web designers and developers to constantly align items within a single grid. Now, the subordinate child of a grid can be easily aligned to its parent cells or grid lines.
gradient color spaces
The days of sRGB being the default color space are over! While designers and developers have relied on it for years, in 2022 their options expanded. Now, with gradient color spaces, designers and development professionals can choose which color space they’d like to use for color interpolation.
accent-color
Tired of sifting through complex libraries or complicated CSS solutions just to create websites or forms with consistent colors? Luckily for you, the CSS property accent-color was released. In a nutshell, this property allows developers and designers to streamline their color-matching process and apply a brand color to built-in interface components using one line of CSS.
And there’s more! Between the release of relative color syntax, inert, @container, and other CSS properties, the development and design communities were equipped with more resources and tools than ever before!
Voice Your Opinion Before Polls Close Oct. 20th!
As technology continues to advance and new iterations of CSS properties are released, it becomes increasingly important to take time to reflect on the tools that are being adopted in the development industry. Do you want to address the changes that have occurred this year? Do you have an opinion on the CSS properties that are pending release?
If you’ve ever used CSS on a website, app, or digital product (or taken a CSS course); take a few minutes to answer questions that can shape the future of cascading style sheets!
Polls close October 20th! Remember, your opinion matters!