15 pontos por xguru 2021-12-17 | 1 comentários | Compartilhar no WhatsApp
<p>- Pesquisa com 8.714 pessoas no mundo todo <br /> - Adoção de novos recursos de CSS<br /> → Layout <br /> ⇨ CSS Grid : 83% usam (&gt;2020 73%)<br /> ⇨ Subgrid : 12,7% usam (&gt;2020 6,1%)<br /> ⇨ Flexbox : 98,7% <br /> ⇨ CSS Multi-column : 38,8% (&gt;33,5%)<br /> ⇨ CSS Writing Modes : 15,4%<br /> ⇨ aspect-ratio : 37,1% (&gt;22,4%)<br /> → Shape &amp; Graphics<br /> ⇨ object-fit : 69,2% (&gt;60,5%)<br /> ⇨ clip-path : 56% (&gt;49,1%)<br /> → Interações <br /> ⇨ CSS Scroll Snap : 30% (&gt;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% (&gt;20,3%)<br /> → Acessibilidade<br /> ⇨ prefers-reduced-motion : 26,7% (&gt;15,8%)<br /> ⇨ prefers-color-scheme : 28,6% (&gt;18,8%)<br /> → Outros <br /> ⇨ CSS Variables : 84,4% (&gt;74,7%)<br /> ⇨ @supports : 46% (&gt;40,6%)<br /> ⇨ CSS Containment : 9,6% (&gt;6,4%)<br /> ⇨ will-change : 33,5% (~28,8%)<br /> ⇨ CSS Comparison Functions min(), max(), clamp(): 62,5% (&gt;47%)<br /> <br /> - Tecnologias preferidas <br /> → Pré/pós-processadores : PostCSS 91% &gt; SaSS 84% &gt; Stylus 35% &gt; Less 34% &gt; Assembler CSS 26% (nova entrada)<br /> ⇨ Outras : Styled Components, Tailwind CSS, CSS-in-JS..<br /> → Frameworks CSS : Tailwind 78% &gt; PureCSS 70% &gt; Ant Design 56% &gt; Bulma 54% &gt; Semantic UI 47%<br /> → CSS-in-JS : vanilla-extract 87% &gt; CSS Modules 86% &gt; Windi CSS 84% &gt; Styled Components 77% &gt; Stitches 76%<br /> <br /> - Outras ferramentas muito usadas <br /> → Prettier , Autoprefixter, Stylelint, PurgeCSS, cssnano <br /> → Navegadores : 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 /> 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% &gt; 35~44 21,9% &gt; 18~24 7,8% &gt; 45-54 5%<br /> - Experiência : 5~10 anos 22,3% , 10~20 anos 22,3% &gt; 2~5 anos 16,6% &gt; mais de 20 anos 7% <br /> - Tamanho da empresa : 100~1000 pessoas 17,1% &gt; mais de 1000 pessoas 12,4% &gt; 20~50 pessoas 10,1% &gt; 50~100 pessoas &gt; 8,5% <br /> - Faixa salarial : $50~100K 22,7% &gt; $30~50K 14,7% &gt; $100K~$200K 13,6% &gt; $10K~$30K 11,2% &gt; mais de $200K 1,9% <br /> - Gênero : masculino 65,4%, feminino 8,3%</p>

1 comentários

 
xguru 2021-12-17
<p>Relatório State of CSS 2020 https://pt.news.hada.io/topic?id=3304</p&gt;