2014年20款最好的CSS工具

5. Gridlover

　　Gridlover 提供字体大小，行高和页面空白的可调节 CSS。默认 CSS 输出是针对 body，p 和 h1-h4 标题，但是用户可以通过编辑 CSS 来申请调节任意元素的可调节值。只需要简单的拖拽顶部工具栏左边和右边的数值来调节数值，Gridlover 的元素总是保持完美像素基准网格对齐。Gridlover 字体大小是通过调整标题水平的比例因子来计算的。行高会自动适应字体的大小。

6. Magic CSS3 Animation

　　Magic CSS3 Animations 是 CSS3 动画的包，伴有特殊的效果，用户可以自由的在 web 项目中使用。Magic CSS3 Animations 结构非常简单，包括 CSS 样式：magic.css 或者是 mynified 版本：magic.min.css。

7. Refills

　　Refills 中，Bourbon 提供 Sass 多态和消除特定前缀，为了更快的 CSS 编码。Neat 提供一个轻量级的网格框架，Bitters 提供 Bourbon 或者 Neat 项目的架构和基础变量。Refills 是预先包装好的模式和组件，在 Bourbon，Bitters 和 Neat 的基础上建立的。

8. CSS Perf

　　CSS-perf 能简化一些超级不合理的 CSS 测试，使得这些测试更完美。因为一般情况下，web 页面的 CSS 测试都是围绕确定有效的方法和技术。

9. Progre(c)ss

　　Progre(c)ss 能很方便的创建纯 CSS 进度条。用户只需要包括样式表，添加类到适当的元素中，再添加一个数据属性就可以轻松创建进度条。

10. Normalize.CSS

　　Normalize.css 是为 HTML5 准备的，可以替代之前的进行浏览器重置。它你呢个更精确的渲染所有元素，并且统一跨浏览器，只针对规范化风格，通过检测浏览器默认设置来重置样式。