รายงาน State of CSS 2021

<p>- แบบสำรวจผู้ตอบ 8,714 คนทั่วโลก <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 &amp; 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://th.news.hada.io/topic?id=3304</p&gt;