2020年CSS狀況調查結果:Tailwind CSS贏得了被採用最多的技術,實用程序優先CSS的興起

2020年CSS狀況 調查結果剛剛發布,其中概述了CSS專業人員當前青睞的工具,方法,框架和庫。 在將問題首次翻譯成十二種不同的語言後,它包含來自102個國家/地區的11,492名受訪者的數據。

在布局類別中,CSS Grid的受訪者稱,使用它在屏幕上放置元素的比例比去年增長了34%。 它獲得了「最受採用的功能」獎,該獎項被分配給「已使用」進度逐年最大的功能。 只有6%的受訪者表示,他們使用過Subgrid,它包含在CSS Grid Layout規範的2級中。

CSS 2020調查結果tailwind CSS贏得了最被採用的技術實用性第一個CSS出現的現狀CSS 2020調查結果:尾風CSS贏得了最被採用的技術,實用性-第一個CSS興起

97.5%的受訪者使用了CSS Flexible Box Layout,比上一年增加了約3%。 多列布局的使用量適度增加,認知度略有下降。 到目前為止,CSS Grid增長最快。

隨著CSS生態系統的不斷變化,技術部分是調查中最有趣的部分之一。 結果包括一個散點圖,該散點圖顯示了每種技術的滿意度與其用戶數之間的關係。 「避免」和「分析」組中的技術使用率可能很快下降(或已經失寵)。

2020年狀態調查結果-tailwind-css-wins-採用率最高的技術-實用性-css-on-the-rise-1 CSS 2020狀態調查結果:Tailwind CSS贏得了採用率最高的技術,實用程序優先CSS的興起

Tailwind CSS再次成為CSS框架中的領先者,其次是Bulma,Bulma的受歡迎程度似乎正在逐漸下降。 Tailwind CSS贏得了「最被採用的技術」獎,該技術具有同比最大的「將再次使用」進展,比2019年增長了17.8%。PureCSS,Ant Design和Materialize CSS也記錄在案他們的排名比前一年有所提高。

實用程序優先的CSS框架和工具在專業人士中蓬勃發展,這是一個更大的趨勢。 效用為先的方法,它避開了傳統的語義類命名,而傾向於使用更多的功能類名, 有熱情的批評者。 它有點讓人聯想到內聯樣式,並且實質上刪除了CSS的「層疊」方面。 儘管如此,它的支持者還是喜歡能夠查看HTML並一目了然地看到應用了哪些樣式以及它提供的強制一致性。

CSS 2020年的調查結果tailwind CSS贏得了採用率最高的技術實用性第一個CSS上升2的現狀CSS 2020調查結果:Tailwind CSS贏得了採用率最高的技術,實用程序優先CSS的興起

如果您對專業人士正在使用的屬性和定位功能,形狀,圖形和交互作用的某些更詳細的信息感興趣,請查看 完整報告。 每個部分都推薦了一些資源,用於學習有關流行和新興技術的更多信息,包括行業播客和專業人員當前喜歡的博客。

JavaScript狀態 調查現已開放,一旦結果發布,該調查將提供關於JavaScript生態系統的類似數據寶庫。

像這樣:

喜歡載入中……

資源

相關文章