State of CSS 2021 レポート

<p>- 世界中の8714人を対象にしたアンケート調査 <br /> - CSSの新機能導入<br /> → Layout <br /> ⇨ CSS Grid : 83%が使用 (&gt;2020 73%)<br /> ⇨ Subgrid : 12.7%が使用 (&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 & Graphics<br /> ⇨ object-fit : 69.2% (&gt;60.5%)<br /> ⇨ clip-path : 56% (&gt;49.1%)<br /> → Interactions <br /> ⇨ CSS Scroll Snap : 30% (&gt;21.1%)<br /> ⇨ pointer-events : 70.5% <br /> → Typography<br /> ⇨ font-variant 20% / initial-letter 28.4% は減少傾向 <br /> ⇨ line-clamp : 29.5% (&gt;20.3%)<br /> → Accessibility<br /> ⇨ prefers-reduced-motion : 26.7% (&gt;15.8%)<br /> ⇨ prefers-color-scheme : 28.6% (&gt;18.8%)<br /> → Other <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 /> - 好まれる技術 <br /> → プリ/ポストプロセッサ : PostCSS 91% &gt; SaSS 84% &gt; Stylus 35% &gt; Less 34% &gt; Assembler CSS 26%(新規参入)<br /> ⇨ そのほか : Styled Components, Tailwind CSS, CSS-in-JS..<br /> → CSS Framework : 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 /> - そのほかよく使われるツール <br /> → Prettier , Autoprefixter, Stylelint, PurgeCSS, cssnano <br /> → ブラウザ : 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 /> 最もよく読まれているブログ : CSS-Tricks, Smashing magazine, dev.to, Medium <br /> 最もよく見られているサイト : Stack Overflow, MDN, W3Schools <br /> 最もよく聴かれているポッドキャスト : Syntax, Shop Talk Show, The CSS Podcast<br /> <br /> 今年の受賞対象 <br /> - 最も多く採用された機能 : CSS Comparison Functions<br /> - 最も満足度の高い技術 : PostCSS <br /> - 最も関心を集めた技術 : CSS Modules <br /> <br /> 調査対象の情報 <br /> - 英語話者が72%、スペイン語 5.5%、ロシア語 5.3%<br /> - 年齢 : 24~34 37.8% &gt; 35~44 21.9% &gt; 18~24 7.8% &gt; 45-54 5%<br /> - 経歴 : 5~10年 22.3% , 10~20年 22.3% &gt; 2~5年 16.6% &gt; 20年以上 7% <br /> - 会社規模 : 100~1000人 17.1% &gt; 1000人以上 12.4% &gt; 20~50人 10.1% &gt; 50~100人 &gt; 8.5% <br /> - 年収 : $50~100K 22.7% &gt; $30~50K 14.7% &gt; $100K~$200K 13.6% &gt; $10K~$30K 11.2% &gt; $200K以上 1.9% <br /> - ジェンダー : 男性 65.4%、女性 8.3%</p>

[xguru]

<p>State of CSS 2020 レポート https://ja.news.hada.io/topic?id=3304</p&gt;