State of CSS 2021 raporu

 (2021.stateofcss.com)
15 puan yazan xguru 2021-12-17 | 1 yorum | WhatsApp'ta paylaş

  • Dünya genelinde 8714 kişiyle yapılan anket

  • CSS yeni özelliklerinin benimsenmesi

→ Düzen

⇨ CSS Grid : %83 kullanıyor (>2020 %73)

⇨ Subgrid : %12,7 kullanıyor (>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)

→ Etkileşimler

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

⇨ pointer-events : %70,5

→ Tipografi

⇨ font-variant %20 / initial-letter %28,4 düşüşte

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

→ Erişilebilirlik

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

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

→ Diğer

⇨ 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)

  • Tercih edilen teknolojiler

→ Ön/son işlemciler : PostCSS %91 > SaSS %84 > Stylus %35 > Less %34 > Assembler CSS %26 (yeni giriş)

⇨ Diğerleri : 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

  • Bunun dışında sık kullanılan araçlar

→ Prettier , Autoprefixter, Stylelint, PurgeCSS, cssnano

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

En çok takip edilen bloglar : CSS-Tricks, Smashing magazine, dev.to, Medium

En çok ziyaret edilen siteler : Stack Overflow, MDN, W3Schools

En çok dinlenen podcast'ler : Syntax, Shop Talk Show, The CSS Podcast

Yılın öne çıkanları

  • En çok benimsenen özellik : CSS Comparison Functions

  • En memnun kalınan teknoloji : PostCSS

  • En çok ilgi gören teknoloji : CSS Modules

Ankete katılanlar hakkında bilgiler

  • İngilizce kullanıcıları %72, İspanyolca %5,5, Rusça %5,3

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

  • Deneyim : 5~10 yıl %22,3 , 10~20 yıl %22,3 > 2~5 yıl %16,6 > 20 yıl üzeri %7

  • Şirket büyüklüğü : 100~1000 kişi %17,1 > 1000 kişi üzeri %12,4 > 20~50 kişi %10,1 > 50~100 kişi > %8,5

  • Maaş : $50~100K %22,7 > $30~50K %14,7 > $100K~$200K %13,6 > $10K~$30K %11,2 > $200K üzeri %1,9

  • Cinsiyet : erkek %65,4, kadın %8,3

İlgili okumalar

1 yorum

 
xguru 2021-12-17

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