CSS 编码中超级有用的工具集合

当你开发网站和 Web 应用时，使用合适的工具可以节省大量的时间。本文我将收集一些非常有用的 CSS 编码工具，希望对你有帮助。

Pure CSS

Pure 是来自雅虎的 CSS 框架，使用 Normalize.CSS 无需任何 JavaScript 代码。框架基于响应式设计，提供多种样式的组件，包括表格、表单、按钮、表、导航等。标识使用非常简单，整个框架非常轻量级，压缩后只有 5.7k。

主页: http://purecss.io/

CSS only responsive navigation

在今天响应式排版已经非常流行了，这里包含一些可下载和可重用的响应式导航菜单，只需要 CSS 足以。

主页: http://valdelama.com/css-responsive-navigation

CSS Trashman

当我们在开发一个大项目时，很难让 CSS 代码保持短小精干，但无需担心，CSS Trashman 可以帮你不少忙。这是一个很有用的在线工具用来检测你的网站，压缩样式，并最终下载最精简的 CSS 文件。

主页: http://www.csstrashman.com/

Glue

加载大量的图片，还是将这些图片变成一张大图片一次性加载，当然是后者更好，降低浏览器和服务器的交互。这样的技术成为 CSS Sprites。Glue 是一个简单的命令行工具可以让你轻松的将图片合并到一张大突破，然后通过 CSS 来使用这些图片。

主页: https://github.com/jorgebastida/glue

Helium CSS

Helium 是一个前端响应式 Web 框架，用于使用 HTML5 + CSS3 快速制作原型以及开发产品。Helium 很像 Twitter Bootstrap 和 ZURB Foundation，事实上 Helium 使用了二者不少的代码。但与这两个框架不同的是，Helium 设计更加轻量级，而且更容易修改。Helium 只有30k 左右，而 Bootstrap 有 100k 之多，ZURB 有两百多k。

主页: https://github.com/geuis/helium-css

Topcoat

Topcoat 是一个 CSS 框架用于快速创建简单、简洁的 Web 应用。

主页: http://topcoat.io/

.Fitgrd

.Fitgrd 是一个用来构建响应式网站的基础

主页: http://www.fitgrd.com/

Normalize.css

Normalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一。

主页: http://necolas.github.io/normalize.css/

Bear CSS

Bear CSS 是一个漂亮的网站，同时提供了强大的工具。你只需创建一个 HTML 文档并上传，Bear CSS 会自动帮你生成 CSS 文件，大量节省时间。

主页: http://bearcss.com/

via catswhocode