Laporan State of CSS 2021

<p>- Survei terhadap 8.714 orang di seluruh dunia <br /> - Adopsi fitur baru CSS<br /> &nbsp;&rarr; Layout <br /> &nbsp;&nbsp;&rArr; CSS Grid : digunakan oleh 83% (&gt;2020 73%)<br /> &nbsp;&nbsp;&rArr; Subgrid : digunakan oleh 12,7% (&gt;2020 6,1%)<br /> &nbsp;&nbsp;&rArr; Flexbox : 98,7% <br /> &nbsp;&nbsp;&rArr; CSS Multi-column : 38,8% (&gt;33,5%)<br /> &nbsp;&nbsp;&rArr; CSS Writing Modes : 15,4%<br /> &nbsp;&nbsp;&rArr; aspect-ratio : 37,1% (&gt;22,4%)<br /> &nbsp;&rarr; Shape &amp; Graphics<br /> &nbsp;&nbsp;&rArr; object-fit : 69,2% (&gt;60,5%)<br /> &nbsp;&nbsp;&rArr; clip-path : 56% (&gt;49,1%)<br /> &nbsp;&rarr; Interactions <br /> &nbsp;&nbsp;&rArr; CSS Scroll Snap : 30% (&gt;21,1%)<br /> &nbsp;&nbsp;&rArr; pointer-events : 70,5% <br /> &nbsp;&rarr; Typography<br /> &nbsp;&nbsp;&rArr; font-variant 20% / initial-letter 28,4% sedang menurun <br /> &nbsp;&nbsp;&rArr; line-clamp : 29,5% (&gt;20,3%)<br /> &nbsp;&rarr; Accessibility<br /> &nbsp;&nbsp;&rArr; prefers-reduced-motion : 26,7% (&gt;15,8%)<br /> &nbsp;&nbsp;&rArr; prefers-color-scheme : 28,6% (&gt;18,8%)<br /> &nbsp;&rarr; Lainnya <br /> &nbsp;&nbsp;&rArr; CSS Variables : 84,4% (&gt;74,7%)<br /> &nbsp;&nbsp;&rArr; @supports : 46% (&gt;40,6%)<br /> &nbsp;&nbsp;&rArr; CSS Containment : 9,6% (&gt;6,4%)<br /> &nbsp;&nbsp;&rArr; will-change : 33,5% (~28,8%)<br /> &nbsp;&nbsp;&rArr; CSS Comparison Functions min(), max(), clamp(): 62,5% (&gt;47%)<br /> <br /> - Teknologi yang disukai <br /> &nbsp;&rarr; Pre/post-processor : PostCSS 91% &gt; SaSS 84% &gt; Stylus 35% &gt; Less 34% &gt; Assembler CSS 26% (pendatang baru)<br /> &nbsp;&nbsp;&rArr; Lainnya : Styled Components, Tailwind CSS, CSS-in-JS..<br /> &nbsp;&rarr; CSS Framework : Tailwind 78% &gt; PureCSS 70% &gt; Ant Design 56% &gt; Bulma 54% &gt; Semantic UI 47%<br /> &nbsp;&rarr; CSS-in-JS : vanilla-extract 87% &gt; CSS Modules 86% &gt; Windi CSS 84% &gt; Styled Components 77% &gt; Stitches 76%<br /> <br /> - Alat lain yang banyak digunakan <br /> &nbsp;&rarr; Prettier , Autoprefixter, Stylelint, PurgeCSS, cssnano <br /> &nbsp;&rarr; 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 /> Blog yang paling banyak dibaca : CSS-Tricks, Smashing magazine, dev.to, Medium <br /> Situs yang paling banyak dikunjungi : Stack Overflow, MDN, W3Schools <br /> Podcast yang paling banyak didengarkan : Syntax, Shop Talk Show, The CSS Podcast<br /> <br /> Penghargaan tahun ini <br /> - Fitur yang paling banyak diadopsi : CSS Comparison Functions<br /> - Teknologi yang paling memuaskan : PostCSS <br /> - Teknologi yang paling menarik perhatian : CSS Modules <br /> <br /> Informasi responden survei <br /> - Pengguna bahasa Inggris 72%, Spanyol 5,5%, Rusia 5,3%<br /> - Usia : 24~34 37,8% &gt; 35~44 21,9% &gt; 18~24 7,8% &gt; 45-54 5%<br /> - Pengalaman kerja : 5~10 tahun 22,3% , 10~20 tahun 22,3% &gt; 2~5 tahun 16,6% &gt; lebih dari 20 tahun 7% <br /> - Ukuran perusahaan : 100~1000 orang 17,1% &gt; lebih dari 1000 orang 12,4% &gt; 20~50 orang 10,1% &gt; 50~100 orang &gt; 8,5% <br /> - Gaji tahunan : $50~100K 22,7% &gt; $30~50K 14,7% &gt; $100K~$200K 13,6% &gt; $10K~$30K 11,2% &gt; lebih dari $200K 1,9% <br /> - Gender : laki-laki 65,4%, perempuan 8,3%</p>

[xguru]

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