Rapport State of CSS 2021
(2021.stateofcss.com)<p>- Enquête menée auprès de 8 714 personnes dans le monde <br />
- Adoption des nouvelles fonctionnalités CSS<br />
→ Layout <br />
⇨ CSS Grid : utilisé par 83 % (> 73 % en 2020)<br />
⇨ Subgrid : utilisé par 12,7 % (> 6,1 % en 2020)<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 />
→ Interactions <br />
⇨ CSS Scroll Snap : 30 % (> 21,1 %)<br />
⇨ pointer-events : 70,5 % <br />
→ Typography<br />
⇨ font-variant 20 % / initial-letter 28,4 % sont en baisse <br />
⇨ line-clamp : 29,5 % (> 20,3 %)<br />
→ Accessibilité<br />
⇨ prefers-reduced-motion : 26,7 % (> 15,8 %)<br />
⇨ prefers-color-scheme : 28,6 % (> 18,8 %)<br />
→ Autres <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 />
- Technologies préférées <br />
→ Pré/postprocesseurs : PostCSS 91 % > SaSS 84 % > Stylus 35 % > Less 34 % > Assembler CSS 26 % (nouvel entrant)<br />
⇨ Autres : 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 />
- Autres outils très utilisés <br />
→ Prettier, Autoprefixter, Stylelint, PurgeCSS, cssnano <br />
→ Navigateurs : 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 les plus consultés : CSS-Tricks, Smashing magazine, dev.to, Medium <br />
Sites les plus consultés : Stack Overflow, MDN, W3Schools <br />
Podcasts les plus écoutés : Syntax, Shop Talk Show, The CSS Podcast<br />
<br />
Prix de l’année <br />
- Fonctionnalité la plus adoptée : CSS Comparison Functions<br />
- Technologie la plus satisfaisante : PostCSS <br />
- Technologie suscitant le plus d’intérêt : CSS Modules <br />
<br />
Informations sur les personnes interrogées <br />
- Utilisateurs anglophones 72 %, hispanophones 5,5 %, russophones 5,3 %<br />
- Âge : 24~34 ans 37,8 % > 35~44 ans 21,9 % > 18~24 ans 7,8 % > 45-54 ans 5 %<br />
- Expérience : 5~10 ans 22,3 %, 10~20 ans 22,3 % > 2~5 ans 16,6 % > plus de 20 ans 7 % <br />
- Taille de l’entreprise : 100~1000 personnes 17,1 % > plus de 1000 personnes 12,4 % > 20~50 personnes 10,1 % > 50~100 personnes > 8,5 % <br />
- Salaire annuel : 50~100K $ 22,7 % > 30~50K $ 14,7 % > 100K~200K $ 13,6 % > 10K~30K $ 11,2 % > plus de 200K $ 1,9 % <br />
- Genre : hommes 65,4 %, femmes 8,3 %</p>
1 commentaires