Relatório State of CSS 2021

• Pesquisa com 8.714 pessoas no mundo todo

• Adoção de novos recursos de CSS

→ Layout

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

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

→ Interações

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

⇨ pointer-events : 70,5%

→ Tipografia

⇨ font-variant 20% / initial-letter 28,4% estão em queda

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

→ Acessibilidade

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

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

→ Outros

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

• Tecnologias preferidas

→ Pré/pós-processadores : PostCSS 91% > SaSS 84% > Stylus 35% > Less 34% > Assembler CSS 26% (nova entrada)

⇨ Outras : Styled Components, Tailwind CSS, CSS-in-JS..

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

• Outras ferramentas muito usadas

→ Prettier , Autoprefixter, Stylelint, PurgeCSS, cssnano

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

Blogs mais lidos : CSS-Tricks, Smashing magazine, dev.to, Medium

Sites mais acessados : Stack Overflow, MDN, W3Schools

Podcasts mais ouvidos : Syntax, Shop Talk Show, The CSS Podcast

Destaques do ano

• Recurso mais adotado : CSS Comparison Functions

• Tecnologia com maior satisfação : PostCSS

• Tecnologia de maior interesse : CSS Modules

Informações sobre os participantes da pesquisa

• Usuários de inglês 72%, espanhol 5,5%, russo 5,3%

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

• Experiência : 5~10 anos 22,3% , 10~20 anos 22,3% > 2~5 anos 16,6% > mais de 20 anos 7%

• Tamanho da empresa : 100~1000 pessoas 17,1% > mais de 1000 pessoas 12,4% > 20~50 pessoas 10,1% > 50~100 pessoas > 8,5%

• Faixa salarial : $50~100K 22,7% > $30~50K 14,7% > $100K~$200K 13,6% > $10K~$30K 11,2% > mais de $200K 1,9%

• Gênero : masculino 65,4%, feminino 8,3%

[xguru]

Relatório State of CSS 2020 https://pt.news.hada.io/topic?id=3304