以忘掉你所知道的 CSS。或者,至少準備好重新看待它。如果你和我一樣,已經寫 CSS 超過 10 年,相信我,2020 的 CSS 已經不是我們習以為常的樣子了。

現在可以利用 CSS Grid 取代斷點 (breakpoint),以更少程式碼打造任何裝置大小皆能使用的動態、響應式版面。CSS-in-JS 取代全域樣式表,讓元件都有相對應的位置,方便打造能切換主題的設計系統。

Tailwind CSS 這樣以 utility 優先的 CSS 俯衝至舞台上,迫使我們重新審視傳統情境式 class 名稱的教條。

不管這些改變讓你想要在部落格寫篇激賞文,還是震怒的抱怨推文,這裡呈現資料、標示趨勢,希望能帶你走過下一年充滿話題的 CSS。

團隊

發起與維護 CSS 現況調查:

下載資料

本次調查提供原始 JSON 資料下載。如果你以此做出自己的資料視覺化,跟我們說一聲吧!

其他連結

致謝

感謝所有協助設計問卷的人,包括:Chen Hui-JingPhilip JägenstedtAdam ArgyleAhmad ShadeedRobert FlackDominic NguyenFantasai、和 Kilian Valkhof

特別感謝 Alexey Pyltsyn 協助翻譯。

使用素材

此網站使用 IBM Plex Mono。有問題或回饋嗎?立刻聯繫!

接下來,就看看今年目前為止,CSS 過得怎麼樣!

敬請期待

想要在我們釋出更多結果或明年度版本發布的時候,收到通知嗎? 請留下 Email:

Our Partners

翻譯幫手

Català

Deutsch

فارسی

Galego

Italiano

Português

Русский

Українська

Svenska

Türkçe

Indonesia

正體中文

Polski

한국어

Romanian