Báo cáo State of CSS 2021

xguru · 2021-12-17T09:10:01+09:00

- Khảo sát với 8.714 người trên toàn thế giới - Việc áp dụng các tính năng mới của CSS → Layout ⇨ CSS Grid: 83% sử dụng (> 2020 73%) ⇨ Subgrid: 12,7% sử dụng (> 2020 6,1%) ⇨ 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% đang giảm dần ⇨ line-clamp: 29,5% (> 20,3%) → Accessibility ⇨ prefers-reduced-motion: 26,7% (> 15,8%) ⇨ prefers-color-scheme: 28,6% (> 18,8%) → Other ⇨ 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%) - Công nghệ được ưa chuộng → Trình tiền xử lý/hậu xử lý: PostCSS 91% > SaSS 84% > Stylus 35% > Less 34% > Assembler CSS 26% (mới gia nhập) ⇨ Ngoài ra: Styled Components, Tailwind CSS, CSS-in-JS.. → CSS Framework: 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% - Các công cụ khác được dùng nhiều → Prettier, Autoprefixter, Stylelint, PurgeCSS, cssnano → Trình duyệt: Chrome 67,4% > Firefox 46,8% > Safari 23,6% > Safari iOS 16,8% > Edge 16,5% > Chrome Android 13,6% > Brave 8,8% Blog được xem nhiều nhất: CSS-Tricks, Smashing magazine, dev.to, Medium Trang web được xem nhiều nhất: Stack Overflow, MDN, W3Schools Podcast được nghe nhiều nhất: Syntax, Shop Talk Show, The CSS Podcast Các hạng mục của năm - Tính năng được áp dụng nhiều nhất: CSS Comparison Functions - Công nghệ làm hài lòng nhất: PostCSS - Công nghệ được quan tâm nhiều nhất: CSS Modules Thông tin về đối tượng khảo sát - Người dùng tiếng Anh chiếm 72%, tiếng Tây Ban Nha 5,5%, tiếng Nga 5,3% - Độ tuổi: 24~34 37,8% > 35~44 21,9% > 18~24 7,8% > 45-54 5% - Kinh nghiệm: 5~10 năm 22,3%, 10~20 năm 22,3% > 2~5 năm 16,6% > trên 20 năm 7% - Quy mô công ty: 100~1000 người 17,1% > trên 1000 người 12,4% > 20~50 người 10,1% > 50~100 người > 8,5% - Mức lương năm: $50~100K 22,7% > $30~50K 14,7% > $100K~$200K 13,6% > $10K~$30K 11,2% > trên $200K 1,9% - Giới tính: nam 65,4%, nữ 8,3%

(2021.stateofcss.com)

15 điểm bởi xguru 2021-12-17 | 1 bình luận | Chia sẻ qua WhatsApp

- Khảo sát với 8.714 người trên toàn thế giới - Việc áp dụng các tính năng mới của CSS  → Layout   ⇨ CSS Grid: 83% sử dụng (> 2020 73%)   ⇨ Subgrid: 12,7% sử dụng (> 2020 6,1%)   ⇨ 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% đang giảm dần   ⇨ line-clamp: 29,5% (> 20,3%)  → Accessibility   ⇨ prefers-reduced-motion: 26,7% (> 15,8%)   ⇨ prefers-color-scheme: 28,6% (> 18,8%)  → Other   ⇨ 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%) - Công nghệ được ưa chuộng  → Trình tiền xử lý/hậu xử lý: PostCSS 91% > SaSS 84% > Stylus 35% > Less 34% > Assembler CSS 26% (mới gia nhập)   ⇨ Ngoài ra: Styled Components, Tailwind CSS, CSS-in-JS..  → CSS Framework: 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% - Các công cụ khác được dùng nhiều  → Prettier, Autoprefixter, Stylelint, PurgeCSS, cssnano  → Trình duyệt: Chrome 67,4% > Firefox 46,8% > Safari 23,6% > Safari iOS 16,8% > Edge 16,5% > Chrome Android 13,6% > Brave 8,8% Blog được xem nhiều nhất: CSS-Tricks, Smashing magazine, dev.to, Medium Trang web được xem nhiều nhất: Stack Overflow, MDN, W3Schools Podcast được nghe nhiều nhất: Syntax, Shop Talk Show, The CSS Podcast Các hạng mục của năm - Tính năng được áp dụng nhiều nhất: CSS Comparison Functions - Công nghệ làm hài lòng nhất: PostCSS - Công nghệ được quan tâm nhiều nhất: CSS Modules Thông tin về đối tượng khảo sát - Người dùng tiếng Anh chiếm 72%, tiếng Tây Ban Nha 5,5%, tiếng Nga 5,3% - Độ tuổi: 24~34 37,8% > 35~44 21,9% > 18~24 7,8% > 45-54 5% - Kinh nghiệm: 5~10 năm 22,3%, 10~20 năm 22,3% > 2~5 năm 16,6% > trên 20 năm 7% - Quy mô công ty: 100~1000 người 17,1% > trên 1000 người 12,4% > 20~50 người 10,1% > 50~100 người > 8,5% - Mức lương năm: $50~100K 22,7% > $30~50K 14,7% > $100K~$200K 13,6% > $10K~$30K 11,2% > trên $200K 1,9% - Giới tính: nam 65,4%, nữ 8,3%

1 bình luận

xguru 2021-12-17

Báo cáo State of CSS 2020 https://vi.news.hada.io/topic?id=3304

Báo cáo State of CSS 2021

Bài viết liên quan

1 bình luận