桌面和移動(dòng)端 CSS 框架：

• Base
• Basscss
• Bulma
• Bootstrap 3 或者 Bootstrap 4
• Concise
• Foundation
• Material Design Lite (MDL)
• Metro UI
• Picnic
• Pure.css
• Semantic UI
• Skeleton
• Spectre.css
• tachyons

移動(dòng)專屬 CSS 框架：

• Ratchet

CSS 重置:

css 重置文件（或者是 “Reset CSS”）是簡(jiǎn)短的，經(jīng)常壓縮的（最小化的）一組 css 規(guī)則集合。這些規(guī)則將所有 HTML 元素的樣式重置為統(tǒng)一的基準(zhǔn)。

— cssreset.com

• Eric Meyer 的 “Reset CSS” 2.0
• Normalize

轉(zhuǎn)譯工具：

• pleeease.io
• PostCSS 和 cssnext
• rework 和 myth
• Sass/SCSS
• Stylus

參考文獻(xiàn):

• CSS 光標(biāo)
• css3test.com
• css3clickchart.com
• cssreference.io
• CSS 索引 - 由 CSS 標(biāo)準(zhǔn)定義的一個(gè)術(shù)語(yǔ)列表
• css4-selectors.com
• css4 Rocks
• 觸發(fā) CSS... 布局游戲，繪畫(huà)和合成
• CSS 技巧年鑒
• cssvalues.com
• MDN CSS 參考

檢查/提示:

• CSS Lint
• stylelint

代碼格式器/美化器:

• CSScomb
• CSSfmt

優(yōu)化工具:

• clear-css
• cssnano
• CSSO

在線創(chuàng)建/生成/實(shí)驗(yàn)工具集:

• 制作你的 CSS 箭頭
• CSS Matic
• 享受 CSS
• 玩轉(zhuǎn) Flexbox
• flexplorer
• patternify.com
• patternizer.com
• 終極 CSS 漸變生成器

CSS 架構(gòu)設(shè)計(jì):

• Atomic Design [閱讀]
• BEM
• ITCSS
• OOCSS [閱讀]
• SMACSS [閱讀][$]
• 適用于 CSS 的可擴(kuò)展的模塊化結(jié)構(gòu)(SMACSS) [視頻][收費(fèi)]
• SUIT CSS
• rscss

編程/架構(gòu)設(shè)計(jì)規(guī)范:

• CSS 編碼指南 [閱讀]
• css-architecture [閱讀]
• cssguidelin.es [閱讀]
• 常用的 CSS [閱讀]
• 可維護(hù)的 CSS [閱讀]
• 靈活開(kāi)發(fā)的標(biāo)準(zhǔn)，可持續(xù)維護(hù)的 HTML and CSS [閱讀]
• Airbnb CSS / Sass 格式指南 [閱讀]

本月 GitHub 上的熱門項(xiàng)目：

https://github.com/trending?l=css&since=monthly