分享最新20款非常棒的 CSS 工具

　　对于Web开发人员来说，找到有用的CSS工具，就像找到一个魔灯，可以让他那些艰难的任务变得有趣。CSS工具帮助开发人员创造更时尚，更有创意的网站。在这篇文章中收集了20个有用和强大的CSS工具，记得收藏起来哦。

CSS3 Generator – By Eric Hoffman and Peter Funk
一款很棒的CSS3样式在线生成工具，由Eric Hoffman设计，Peter Funk开发。

CSS Pattern Generator
Patternify 是一款新颖的在线纹理生成工具，到导出为base64格式文件，可以保存为PNG格式图片。

Griddle.it – Web page alignment made easy
一款用于设计网页布局的简单工具，不需要任何复杂的网格框架。

The 1140px Grid: Fluid down to mobile
The 1140 grid 完美支持1280显示器，在更小的屏幕中也能平滑的缩放。

320 and up
用于让网页适合移动小屏幕设备浏览，可配合HTML5 Boilerplate使用。

Fighting the @font-face FOUT
FOUT-b-GONE 帮助你修复@font-face FOUT 问题，最新FF4已没有这个问题，IE9仍然存在。

CSS3 Github Buttons
CSS3 Buttons 用于制作好看的 GitHub 风格的按钮链接。

CSS3 Facebook Buttons
使用 CSS3 制作好看的 Facebook 风格按钮。

Minimee
一款用于合并和压缩 CSS 及 Javascript 文件的工具。

Live.js
这个工具可以让你总是看到最新的页面，适合写DEMO时用。

Bootstrap.less
一款CSS预处理器，实现更快，更容易的Web开发。

Animatable: Create CSS3 animations and advertising for Webkit browsers
用于在Webkit核心的浏览器实现CSS3动画。

Ceaser: CSS Easing Animation Tool
Ceaser 是一款简单的CSS Easing动画工具。

CSS Pivot
This tool 允许你给任何网站添加CSS样式，并把结果以短网址分享出去。

Roots WordPress Theme
Roots是一个基于 HTML5 Boilerplate、Blueprint CSS（或者 960.gs）的WordPress主题。

Free Online CSS3 Typeset Style Generator
一款先进的CSS按钮生成工具，可定制字体、颜色、阴影、边框和圆角等。

CSSPrefixer
你讨厌为所有浏览器填写前缀吗？CSSPrefixer 可以帮你。

Code Beautifier
这是一款CSS代码美化工具。

Markup Generator
一款HTML和CSS代码生成工具。

CSS Sprite Generator
这个工具帮助你制作和维护 CSS sprites.

（编译来源：梦想天空原文来自：Powerful New CSS Techniques and Tools）