Bericht „State of CSS 2021“

<p>- Umfrage unter 8714 Personen weltweit <br /> - Einführung neuer CSS-Funktionen<br /> → Layout <br /> ⇨ CSS Grid: 83 % Nutzung (&gt; 2020: 73 %)<br /> ⇨ Subgrid: 12,7 % Nutzung (&gt; 2020: 6,1 %)<br /> ⇨ Flexbox: 98,7 % <br /> ⇨ CSS Multi-column: 38,8 % (&gt; 33,5 %)<br /> ⇨ CSS Writing Modes: 15,4 %<br /> ⇨ aspect-ratio: 37,1 % (&gt; 22,4 %)<br /> → Shape &amp; Graphics<br /> ⇨ object-fit: 69,2 % (&gt; 60,5 %)<br /> ⇨ clip-path: 56 % (&gt; 49,1 %)<br /> → Interaktionen <br /> ⇨ CSS Scroll Snap: 30 % (&gt; 21,1 %)<br /> ⇨ pointer-events: 70,5 % <br /> → Typografie<br /> ⇨ font-variant 20 % / initial-letter 28,4 % sind rückläufig <br /> ⇨ line-clamp: 29,5 % (&gt; 20,3 %)<br /> → Barrierefreiheit<br /> ⇨ prefers-reduced-motion: 26,7 % (&gt; 15,8 %)<br /> ⇨ prefers-color-scheme: 28,6 % (&gt; 18,8 %)<br /> → Sonstiges <br /> ⇨ CSS Variables: 84,4 % (&gt; 74,7 %)<br /> ⇨ @supports: 46 % (&gt; 40,6 %)<br /> ⇨ CSS Containment: 9,6 % (&gt; 6,4 %)<br /> ⇨ will-change: 33,5 % (~28,8 %)<br /> ⇨ CSS Comparison Functions min(), max(), clamp(): 62,5 % (&gt; 47 %)<br /> <br /> - Bevorzugte Technologien <br /> → Prä-/Postprozessoren: PostCSS 91 % &gt; SaSS 84 % &gt; Stylus 35 % &gt; Less 34 % &gt; Assembler CSS 26 % (Neuzugang)<br /> ⇨ Außerdem: Styled Components, Tailwind CSS, CSS-in-JS..<br /> → CSS-Frameworks: Tailwind 78 % &gt; PureCSS 70 % &gt; Ant Design 56 % &gt; Bulma 54 % &gt; Semantic UI 47 %<br /> → CSS-in-JS: vanilla-extract 87 % &gt; CSS Modules 86 % &gt; Windi CSS 84 % &gt; Styled Components 77 % &gt; Stitches 76 %<br /> <br /> - Weitere häufig genutzte Tools <br /> → Prettier, Autoprefixter, Stylelint, PurgeCSS, cssnano <br /> → Browser: Chrome 67,4 % &gt; Firefox 46,8 % &gt; Safari 23,6 % &gt; Safari iOS 16,8 % &gt; Edge 16,5 % &gt; Chrome Android 13,6 % &gt; Brave 8,8 %<br /> <br /> Am häufigsten gelesene Blogs: CSS-Tricks, Smashing magazine, dev.to, Medium <br /> Am häufigsten genutzte Seiten: Stack Overflow, MDN, W3Schools <br /> Am häufigsten gehörte Podcasts: Syntax, Shop Talk Show, The CSS Podcast<br /> <br /> Auszeichnungen des Jahres <br /> - Am häufigsten übernommene Funktion: CSS Comparison Functions<br /> - Zufriedenstellendste Technologie: PostCSS <br /> - Technologie mit dem größten Interesse: CSS Modules <br /> <br /> Informationen zu den Befragten <br /> - Englischsprachige Nutzer 72 %, Spanisch 5,5 %, Russisch 5,3 %<br /> - Alter: 24–34 37,8 % &gt; 35–44 21,9 % &gt; 18–24 7,8 % &gt; 45–54 5 %<br /> - Berufserfahrung: 5–10 Jahre 22,3 %, 10–20 Jahre 22,3 % &gt; 2–5 Jahre 16,6 % &gt; mehr als 20 Jahre 7 % <br /> - Unternehmensgröße: 100–1000 Personen 17,1 % &gt; mehr als 1000 Personen 12,4 % &gt; 20–50 Personen 10,1 % &gt; 50–100 Personen &gt; 8,5 % <br /> - Jahresgehalt: $50~100K 22,7 % &gt; $30~50K 14,7 % &gt; $100K~$200K 13,6 % &gt; $10K~$30K 11,2 % &gt; mehr als $200K 1,9 % <br /> - Geschlecht: männlich 65,4 %, weiblich 8,3 %</p>

[xguru]

<p>Bericht „State of CSS 2020“ https://de.news.hada.io/topic?id=3304</p&gt;