Rapport State of CSS 2021

• Enquête menée auprès de 8 714 personnes dans le monde

• Adoption des nouvelles fonctionnalités CSS

→ Layout

⇨ CSS Grid : utilisé par 83 % (> 73 % en 2020)

⇨ Subgrid : utilisé par 12,7 % (> 6,1 % en 2020)

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

→ Interactions

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

⇨ pointer-events : 70,5 %

→ Typography

⇨ font-variant 20 % / initial-letter 28,4 % sont en baisse

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

→ Accessibilité

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

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

→ Autres

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

• Technologies préférées

→ Pré/postprocesseurs : PostCSS 91 % > SaSS 84 % > Stylus 35 % > Less 34 % > Assembler CSS 26 % (nouvel entrant)

⇨ Autres : 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 %

• Autres outils très utilisés

→ Prettier, Autoprefixter, Stylelint, PurgeCSS, cssnano

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

Blogs les plus consultés : CSS-Tricks, Smashing magazine, dev.to, Medium

Sites les plus consultés : Stack Overflow, MDN, W3Schools

Podcasts les plus écoutés : Syntax, Shop Talk Show, The CSS Podcast

Prix de l’année

• Fonctionnalité la plus adoptée : CSS Comparison Functions

• Technologie la plus satisfaisante : PostCSS

• Technologie suscitant le plus d’intérêt : CSS Modules

Informations sur les personnes interrogées

• Utilisateurs anglophones 72 %, hispanophones 5,5 %, russophones 5,3 %

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

• Expérience : 5~10 ans 22,3 %, 10~20 ans 22,3 % > 2~5 ans 16,6 % > plus de 20 ans 7 %

• 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 %

• Salaire annuel : 50~100K $ 22,7 % > 30~50K $ 14,7 % > 100K~200K $ 13,6 % > 10K~30K $ 11,2 % > plus de 200K $ 1,9 %

• Genre : hommes 65,4 %, femmes 8,3 %

[xguru]

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