作为《前端开发者必备工具》系列文章的第一篇，首先分享前端开发过程中必备的CSS工具，希望这些工具能够帮你更快的开发。

桌面 & 移动CSS框架：

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

移动端CSS框架

• Ratchet

CSS reset

CSS Reset 是常用的、简短的CSS压缩规则，按照统一的基准重置所有HTML元素的样式。 – http://cssreset.com/

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

代码编译

• SASS/SCSS
• stylus
• PostCSS & cssnext
• rework & myth

参考工具

• 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

代码检测

• CSS Lint
• stylelint

代码格式化/美化工具

• CSScomb
• cssfmt

代码优化器

• csso
• clear-css
• cssnano

在线创作/生成/测试工具

• 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

Github上本月CSS趋势

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

---