CSS 工具

CSS 工具

桌面 & 移动应用 CSS 框架:

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

移动应用 CSS 框架:

• Ratchet

CSS 重置:

CSS 重置(或重置 CSS)是一个很小的, 被压缩的 CSS 规则集合, 用于重置所有 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

优化:

• csso
• clear-css
• cssnano

CSS 在线生成工具:

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

CSS 架构:

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

编写规范:

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

本月 CSS 仓库在Github的趋势:

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