作为《前端开发者必备工具》系列文章的第一篇,首先分享前端开发过程中必备的CSS工具,希望这些工具能够帮你更快的开发。
桌面 & 移动CSS框架:
- Semantic UI
- Foundation
- Bootstrap
- Metro UI
- Pure.css
- Concise
- Materialize
- Material Design Lite (MDL)
- Base
- Amaze UI(国产)
移动端CSS框架
CSS reset
CSS Reset 是常用的、简短的CSS压缩规则,按照统一的基准重置所有HTML元素的样式。 – http://cssreset.com/
代码编译
参考工具
- 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
代码检测
代码格式化/美化工具
代码优化器
在线创作/生成/测试工具
- 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趋势
该篇属于专题:《前端开发者必备工具》
- 下一篇: 《前端必备:CSS工具》
知道91博客 2015/10/21 23:35
每天一文,每天都来看,感触蛮大的!
123 2015/12/25 10:42