Bericht „State of CSS 2021“

• Umfrage unter 8714 Personen weltweit

• Einführung neuer CSS-Funktionen

→ Layout

⇨ CSS Grid: 83 % Nutzung (> 2020: 73 %)

⇨ Subgrid: 12,7 % Nutzung (> 2020: 6,1 %)

⇨ Flexbox: 98,7 %

⇨ CSS Multi-column: 38,8 % (> 33,5 %)

⇨ CSS Writing Modes: 15,4 %

⇨ aspect-ratio: 37,1 % (> 22,4 %)

→ Shape & Graphics

⇨ object-fit: 69,2 % (> 60,5 %)

⇨ clip-path: 56 % (> 49,1 %)

→ Interaktionen

⇨ CSS Scroll Snap: 30 % (> 21,1 %)

⇨ pointer-events: 70,5 %

→ Typografie

⇨ font-variant 20 % / initial-letter 28,4 % sind rückläufig

⇨ line-clamp: 29,5 % (> 20,3 %)

→ Barrierefreiheit

⇨ prefers-reduced-motion: 26,7 % (> 15,8 %)

⇨ prefers-color-scheme: 28,6 % (> 18,8 %)

→ Sonstiges

⇨ CSS Variables: 84,4 % (> 74,7 %)

⇨ @supports: 46 % (> 40,6 %)

⇨ CSS Containment: 9,6 % (> 6,4 %)

⇨ will-change: 33,5 % (~28,8 %)

⇨ CSS Comparison Functions min(), max(), clamp(): 62,5 % (> 47 %)

• Bevorzugte Technologien

→ Prä-/Postprozessoren: PostCSS 91 % > SaSS 84 % > Stylus 35 % > Less 34 % > Assembler CSS 26 % (Neuzugang)

⇨ Außerdem: Styled Components, Tailwind CSS, CSS-in-JS..

→ CSS-Frameworks: Tailwind 78 % > PureCSS 70 % > Ant Design 56 % > Bulma 54 % > Semantic UI 47 %

→ CSS-in-JS: vanilla-extract 87 % > CSS Modules 86 % > Windi CSS 84 % > Styled Components 77 % > Stitches 76 %

• Weitere häufig genutzte Tools

→ Prettier, Autoprefixter, Stylelint, PurgeCSS, cssnano

→ Browser: Chrome 67,4 % > Firefox 46,8 % > Safari 23,6 % > Safari iOS 16,8 % > Edge 16,5 % > Chrome Android 13,6 % > Brave 8,8 %

Am häufigsten gelesene Blogs: CSS-Tricks, Smashing magazine, dev.to, Medium

Am häufigsten genutzte Seiten: Stack Overflow, MDN, W3Schools

Am häufigsten gehörte Podcasts: Syntax, Shop Talk Show, The CSS Podcast

Auszeichnungen des Jahres

• Am häufigsten übernommene Funktion: CSS Comparison Functions

• Zufriedenstellendste Technologie: PostCSS

• Technologie mit dem größten Interesse: CSS Modules

Informationen zu den Befragten

• Englischsprachige Nutzer 72 %, Spanisch 5,5 %, Russisch 5,3 %

• Alter: 24–34 37,8 % > 35–44 21,9 % > 18–24 7,8 % > 45–54 5 %

• Berufserfahrung: 5–10 Jahre 22,3 %, 10–20 Jahre 22,3 % > 2–5 Jahre 16,6 % > mehr als 20 Jahre 7 %

• Unternehmensgröße: 100–1000 Personen 17,1 % > mehr als 1000 Personen 12,4 % > 20–50 Personen 10,1 % > 50–100 Personen > 8,5 %

• Jahresgehalt: $50~100K 22,7 % > $30~50K 14,7 % > $100K~$200K 13,6 % > $10K~$30K 11,2 % > mehr als $200K 1,9 %

• Geschlecht: männlich 65,4 %, weiblich 8,3 %

[xguru]

Bericht „State of CSS 2020“ https://de.news.hada.io/topic?id=3304