意見

這些意見描繪出語言逐漸成熟,但也更複雜的景象。至少在掙扎要跟上腳步的時候,變得沒這麼享受,應該吧?

CSS 很容易學
完成百分比: 80.3% (9232)
完成百分比: 80.3% (9232)

輸出
百分比%
數量Σ
201920202019202024.7%10.5%34.4%43.4%27.8%23.2%10.1%19.5%
非常同意
同意
一般
不同意
非常不同意

CSS 的演進實在太慢了
完成百分比: 80.4% (9244)
完成百分比: 80.4% (9244)

輸出
百分比%
數量Σ
201920202019202011%4.9%16.4%17.9%38.5%33.5%22.3%38%11.8%5.7%
非常同意
同意
一般
不同意
非常不同意

應該要避免使用 `.center` 和 `.large-text` 這樣工具式、非情境的 class
完成百分比: 80.2% (9220)
完成百分比: 80.2% (9220)

輸出
百分比%
數量Σ
201920202019202020.7%10.5%14.9%19.3%32.3%31.3%13.6%24.8%18.5%14.1%
非常同意
同意
一般
不同意
非常不同意

應該要避免使用像是 `.foo .bar ul li {...}` 這樣的巢狀選擇器
完成百分比: 80.4% (9237)
完成百分比: 80.4% (9237)

輸出
百分比%
數量Σ
201920202019202026.6%15.7%20%28.2%25%22.8%14.4%26.1%14%7.2%
非常同意
同意
一般
不同意
非常不同意
我們詢問 CSS 社群成員,分享「年度精選」

我的 2020 精選:prefers-reduced-motion

The media query to reduce motion, which helps avoid triggering dizziness and discomfort.

我們詢問 CSS 社群成員,分享「年度精選」

Jina Anne

設計系統倡議與實踐者

CSS 是一種程式語言
完成百分比: 80.6% (9262)
完成百分比: 80.6% (9262)

輸出
百分比%
數量Σ
201920202019202014.3%10.1%13.8%23.6%23.1%23.3%17.9%27.4%31%15.6%
非常同意
同意
一般
不同意
非常不同意

我喜歡撰寫 CSS
完成百分比: 80.6% (9261)
完成百分比: 80.6% (9261)

輸出
百分比%
數量Σ
201920202019202048.7%34.6%26.8%42.2%14.3%14.5%6.2%6.1%3.9%
非常同意
同意
一般
不同意
非常不同意

平均來說,對於各種網路技術的狀態覺得開心嗎?

輸出
百分比%
數量Σ
0%12%23%35%47%58%使用者百分比Very UnhappyUnhappyNeutralHappyVery Happy愉悅感0%12%23%35%47%58%0.9%0.9%5.1%5.1%17.1%17.1%65.1%65.1%11.9%11.9%

平均來說,對於 CSS 的狀態覺得開心嗎?

輸出
百分比%
數量Σ
0%12%23%35%47%58%使用者百分比Very UnhappyUnhappyNeutralHappyVery Happy愉悅感0%12%23%35%47%58%1%1%4.6%4.6%20.5%20.5%62.1%62.1%11.8%11.8%

覺得 CSS 目前還缺了什麼?
完成百分比: 8.9% (1028)
完成百分比: 8.9% (1028)

輸出
百分比%
數量Σ
0.01002003004000.0100200300400使用者數量CenteringCenteringMasonry LayoutMasonry Layou…CSS HoudiniCSS Houdini:has Selector:has SelectorConditional LogicConditional L…Form Elements StylingForm Elements…AnimationAnimationSubgridSubgridMixinsMixinsScopingScopingBrowser SupportBrowser Suppo…FunctionsFunctionsNestingNestingParent SelectorParent Select…Container QueriesContainer Que…222424374850557373137271334

在此閒暇專案可以翻閱這問題的完整答案 Dataset。