Skip to content

The State of CSS 2021

[it-IT] general.back_to_intro

Opinioni

Cosa ne pensi dello stato di {topic}?

CSS é semplice da imparare

Customize Data
Sono fortemente in disaccordo
Sono in disaccordo
Neutrale
Concordo
Concordo fortemente
20192020202120192020202110.1%19.5%19.9%27.8%23.2%24.2%34.4%43.4%43.1%24.7%10.6%10%

CSS evolve troppo lentamente

Customize Data
Sono fortemente in disaccordo
Sono in disaccordo
Neutrale
Concordo
Concordo fortemente
20192020202120192020202111.9%5.7%6.3%22.4%38%42.3%38.6%33.6%30.8%16.4%17.9%16.7%11%5%4.1%
💡

Another guaranteed scientific finding: buying our t-shirt will increase your programming skills by over 9000!

Classi di utilità (non semantiche .center, .large-text, etc.) dovrebbero essere evitate

Customize Data
Sono fortemente in disaccordo
Sono in disaccordo
Neutrale
Concordo
Concordo fortemente
20192020202120192020202118.6%14.1%14.1%13.7%24.8%25.9%32.3%31.4%29.9%14.9%19.3%19.8%20.7%10.6%10.7%

Mi piace scrivere CSS

Customize Data
Sono fortemente in disaccordo
Sono in disaccordo
Neutrale
Concordo
Concordo fortemente
2019202020212019202020214%6.3%6.2%5.7%14.4%14.5%12.8%26.9%42.2%43.5%48.7%34.7%36.3%
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: CSS Noise

CSS generated texture and randomness makes for unique and interesting paint jobs in your design. Noise tools have made the technique accessible.

We asked members of the CSS community to share their “pick of the year”

Adam Argyle

CSS at Google

Browser Incompatibilities

Are there any CSS features you have difficulties using because of differences between browsers?

0.0501001502000.050100150200User CountCenteringcolor-contrast()color()Exclusionsprefers-reduced-dataProgressive Web AppsCSS RegionsresizeScopingContaindirectionFunctions:has SelectorParent Selectorblend-modeCSS content-visibili…pointer-eventsAnimationcalc()initial-letterMaskingMasonry LayoutMulti-Column Layoutoverscroll-behaviorPerspectiveaccent-colorPrint Support::markerAnimationsclampclip-pathCSS Logical Properti…object-fitForm Elements StylingBrowser Support@supportsCSS Houdinioverflowscroll-behaviorScroll Snapline-clampCSS position:sticky:focus-visibleCSS property: @conta…backdrop-filterScrollbar StylingFlexboxCSS property: aspect…Flexbox GapGrid151617172025304046535780114159
725 question respondents (8.4% completion percentage)

CSS Pain Points

Which aspect of CSS do you struggle with the most? Results are ranked by number of tournament rounds won.

Round 1 wins
Round 2 wins
Round 3 wins
0.02.0k4.0k6.0k8.0k10k12k0.02.0k4.0k6.0k8.0k10k12kUser CountScoping & SpecificityInteractionsPerformance IssuesLayout & PositioningResponsive DesignForm Elements StylingArchitecture & Maint…Browser Compatibility2393256224272608292033423955393789082111901130129517332456254081514791601

Features Missing From CSS

Which feature would you most like to be able to use in CSS today? Results are ranked by number of tournament rounds won.

Round 1 wins
Round 2 wins
Round 3 wins
0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kUser CountColor FunctionsSubgridMixinsScopingNestingBrowser SupportParent SelectorContainer Queries1963189724892664330334413897391795111301658208223432366798133411781360

How happy are you with the general state of web technologies?

Customize Data
0%10%20%30%40%50%% of survey respondentsVery UnhappyUnhappyNeutralHappyVery HappyNo Answer0%10%20%30%40%50%0.6%0.6%3%3%12.9%12.9%50%50%9.4%9.4%24.1%24.1%
6585 question respondents (75.6% completion percentage)

How happy are you with the general state of CSS?

Customize Data
0%10%20%30%40%50%% of survey respondentsVery UnhappyUnhappyNeutralHappyVery HappyNo Answer0%10%20%30%40%50%0.7%0.7%3.3%3.3%14%14%48.2%48.2%9.9%9.9%23.9%23.9%
6607 question respondents (75.9% completion percentage)