Laporan State of CSS 2021

• Survei terhadap 8.714 orang di seluruh dunia

• Adopsi fitur baru CSS

 → Layout

  ⇒ CSS Grid : digunakan oleh 83% (>2020 73%)

  ⇒ Subgrid : digunakan oleh 12,7% (>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%)

 → Interactions

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

  ⇒ pointer-events : 70,5%

 → Typography

  ⇒ font-variant 20% / initial-letter 28,4% sedang menurun

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

 → Accessibility

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

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

 → Lainnya

  ⇒ 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%)

• Teknologi yang disukai

 → Pre/post-processor : PostCSS 91% > SaSS 84% > Stylus 35% > Less 34% > Assembler CSS 26% (pendatang baru)

  ⇒ Lainnya : Styled Components, Tailwind CSS, CSS-in-JS..

 → CSS Framework : 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%

• Alat lain yang banyak digunakan

 → 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%

Blog yang paling banyak dibaca : CSS-Tricks, Smashing magazine, dev.to, Medium

Situs yang paling banyak dikunjungi : Stack Overflow, MDN, W3Schools

Podcast yang paling banyak didengarkan : Syntax, Shop Talk Show, The CSS Podcast

Penghargaan tahun ini

• Fitur yang paling banyak diadopsi : CSS Comparison Functions

• Teknologi yang paling memuaskan : PostCSS

• Teknologi yang paling menarik perhatian : CSS Modules

Informasi responden survei

• Pengguna bahasa Inggris 72%, Spanyol 5,5%, Rusia 5,3%

• Usia : 24~34 37,8% > 35~44 21,9% > 18~24 7,8% > 45-54 5%

• Pengalaman kerja : 5~10 tahun 22,3% , 10~20 tahun 22,3% > 2~5 tahun 16,6% > lebih dari 20 tahun 7%

• Ukuran perusahaan : 100~1000 orang 17,1% > lebih dari 1000 orang 12,4% > 20~50 orang 10,1% > 50~100 orang > 8,5%

• Gaji tahunan : $50~100K 22,7% > $30~50K 14,7% > $100K~$200K 13,6% > $10K~$30K 11,2% > lebih dari $200K 1,9%

• Gender : laki-laki 65,4%, perempuan 8,3%

[xguru]

Laporan State of CSS 2020 https://id.news.hada.io/topic?id=3304