Relatório State of CSS 2021
(2021.stateofcss.com)<p>- Pesquisa com 8.714 pessoas no mundo todo <br />
- Adoção de novos recursos de CSS<br />
→ Layout <br />
⇨ CSS Grid : 83% usam (>2020 73%)<br />
⇨ Subgrid : 12,7% usam (>2020 6,1%)<br />
⇨ Flexbox : 98,7% <br />
⇨ CSS Multi-column : 38,8% (>33,5%)<br />
⇨ CSS Writing Modes : 15,4%<br />
⇨ aspect-ratio : 37,1% (>22,4%)<br />
→ Shape & Graphics<br />
⇨ object-fit : 69,2% (>60,5%)<br />
⇨ clip-path : 56% (>49,1%)<br />
→ Interações <br />
⇨ CSS Scroll Snap : 30% (>21,1%)<br />
⇨ pointer-events : 70,5% <br />
→ Tipografia<br />
⇨ font-variant 20% / initial-letter 28,4% estão em queda <br />
⇨ line-clamp : 29,5% (>20,3%)<br />
→ Acessibilidade<br />
⇨ prefers-reduced-motion : 26,7% (>15,8%)<br />
⇨ prefers-color-scheme : 28,6% (>18,8%)<br />
→ Outros <br />
⇨ CSS Variables : 84,4% (>74,7%)<br />
⇨ @supports : 46% (>40,6%)<br />
⇨ CSS Containment : 9,6% (>6,4%)<br />
⇨ will-change : 33,5% (~28,8%)<br />
⇨ CSS Comparison Functions min(), max(), clamp(): 62,5% (>47%)<br />
<br />
- Tecnologias preferidas <br />
→ Pré/pós-processadores : PostCSS 91% > SaSS 84% > Stylus 35% > Less 34% > Assembler CSS 26% (nova entrada)<br />
⇨ Outras : Styled Components, Tailwind CSS, CSS-in-JS..<br />
→ Frameworks CSS : Tailwind 78% > PureCSS 70% > Ant Design 56% > Bulma 54% > Semantic UI 47%<br />
→ CSS-in-JS : vanilla-extract 87% > CSS Modules 86% > Windi CSS 84% > Styled Components 77% > Stitches 76%<br />
<br />
- Outras ferramentas muito usadas <br />
→ Prettier , Autoprefixter, Stylelint, PurgeCSS, cssnano <br />
→ Navegadores : Chrome 67,4% > Firefox 46,8% > Safari 23,6 % > Safari iOS 16,8% > Edge 16,5% > Chrome Android 13,6% > Brave 8,8%<br />
<br />
Blogs mais lidos : CSS-Tricks, Smashing magazine, dev.to, Medium <br />
Sites mais acessados : Stack Overflow, MDN, W3Schools <br />
Podcasts mais ouvidos : Syntax, Shop Talk Show, The CSS Podcast<br />
<br />
Destaques do ano <br />
- Recurso mais adotado : CSS Comparison Functions<br />
- Tecnologia com maior satisfação : PostCSS <br />
- Tecnologia de maior interesse : CSS Modules <br />
<br />
Informações sobre os participantes da pesquisa <br />
- Usuários de inglês 72%, espanhol 5,5%, russo 5,3%<br />
- Idade : 24~34 37,8% > 35~44 21,9% > 18~24 7,8% > 45-54 5%<br />
- Experiência : 5~10 anos 22,3% , 10~20 anos 22,3% > 2~5 anos 16,6% > mais de 20 anos 7% <br />
- Tamanho da empresa : 100~1000 pessoas 17,1% > mais de 1000 pessoas 12,4% > 20~50 pessoas 10,1% > 50~100 pessoas > 8,5% <br />
- Faixa salarial : $50~100K 22,7% > $30~50K 14,7% > $100K~$200K 13,6% > $10K~$30K 11,2% > mais de $200K 1,9% <br />
- Gênero : masculino 65,4%, feminino 8,3%</p>
1 comentários