Báo cáo State of CSS 2021

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

Quảng cáo

  ⇨ 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

Quảng cáo

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

Quảng cáo

  ⇨ 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

Quảng cáo

 → 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

    Quảng cáo

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%

Bài viết liên quan

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