Springe zu Inhalt

The State of CSS 2021

[de-DE] general.back_to_intro

Meinungen

Was hältst Du vom Status zu {topic}?

CSS ist leicht zu lernen.

Customize Data
Starke Ablehnung
Ablehnung
Neutral
Zustimmung
Starke Zustimmung
20192020202120192020202110.1%19.5%19.9%27.8%23.2%24.2%34.4%43.4%43.1%24.7%10.6%10%

CSS entwickelt sich zu langsam.

Customize Data
Starke Ablehnung
Ablehnung
Neutral
Zustimmung
Starke Zustimmung
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%
💡

Noch ein wissenschaftlicher Fakt: Der Kauf unseres T-Shirt's erhöht dein JavaScript-Wissen um 9000!

Werkzeugklassen (nicht-semantische z.B. .center, .large-text, usw.) sollten vermieden werden.

Customize Data
Starke Ablehnung
Ablehnung
Neutral
Zustimmung
Starke Zustimmung
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%

Ich genieße es CSS zu schreiben.

Customize Data
Starke Ablehnung
Ablehnung
Neutral
Zustimmung
Starke Zustimmung
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.050100150200NutzerzahlCenteringcolor-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.0k10k12kNutzerzahlBereiche & SpezifitätInteraktionenPerformance ProblemeLayout & Positionier…Responsive DesignStile für Formularel…Architektur & Wartba…Browser Kompatibilit…2393256224272608292033423955393789082111901130129517332456254081514791601

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.0k10kNutzerzahlColor FunctionsSubgridMixinsScopingNestingBrowser SupportParent SelectorContainer Queries1963189724892664330334413897391795111301658208223432366798133411781360

Wie zufrieden bist Du allgemein mit den Webtechnologien?

Customize Data
0%10%20%30%40%50%% of survey respondentsSehr unglücklichUnglücklichNeutralGlücklichSehr glücklichNo 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)

Wie zufrieden bist Du allgemein mit CSS?

Customize Data
0%10%20%30%40%50%% of survey respondentsSehr unglücklichUnglücklichNeutralGlücklichSehr glücklichNo 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)