CSS 工具

桌面 & 移動(dòng)應(yīng)用 CSS 框架:

• Semantic UI
• Foundation
• Bootstrap
• Metro UI
• Pure.css
• Concise
• Materialize
• Material Design Lite (MDL)
• Base

移動(dòng)應(yīng)用 CSS 框架:

• Ratchet

CSS 重置:

CSS 重置(或重置 CSS)是一個(gè)很小的, 被壓縮的 CSS 規(guī)則集合, 用于重置所有 HTML 元素的樣式. - http://cssreset.com/

• Eric Meyer’s “Reset CSS” 2.0
• Normalize

Transpiling:

• SASS/SCSS
• stylus
• PostCSS & cssnext
• rework & myth
• pleeease.io

參考文檔:

• css3test.com
• css4-selectors.com
• css3clickchart.com
• cssvalues.com
• CSS TRIGGERS...A GAME OF LAYOUT, PAINT, AND COMPOSITE
• MDN CSS reference
• overapi.com CSS cheatsheet

Linting/hinting:

• CSS Lint
• stylelint

代碼格式化/美化:

• CSScomb
• cssfmt

優(yōu)化:

• csso
• clear-css
• cssnano

CSS 在線生成工具:

• Ultimate CSS Gradient Generator
• Enjoy CSS
• CSS matic
• patternify.com
• patternizer.com
• CSS arrow please
• flexplorer
• Flexbox Playground

CSS 架構(gòu):

• oocss [read]
• SMACSS [read][$]
• Atomic Design [read]

編寫規(guī)范:

• idiomatic-css [read]
• CSS code guide [read]
• cssguidelin.es [read]
• Google HTML/CSS Style Guide

本月 CSS 倉(cāng)庫(kù)在Github的趨勢(shì):

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