分享几款前端工具

koala

Koala是一款前端预处理器语言图形编译工具，支持Less、Sass、Compass、CoffeeScript，帮助web开发者更高效地使用它们进行开发。跨平台运行，完美兼容windows、linux、mac。

CSS Values

CSS Values主要是用来帮助大家查找CSS的相关属性的语法，以及使用方法，能快速的进入相对应的w3c官网介绍、MDN信息介绍等。

CSS3,Please!

CSS3 Please主要是为大家提供了目前较为实用的一些CSS3属性的介绍，以及示范代码。

HTML5 / CSS3 Box.com

HTML5 / CSS3 Box.com提供了各种前端工具。

CSS3 Maker

CSS3 Maker提供了10个最为常用的CSS3属性在线生成工具，比如说border-radius、gradient、transfrom、animation、transition、rgba、text-shadow、box-shadow、text rotation和@font-face。同样的你可以在线设置相关属性参数，了解浏览器对其的支持性，最方便的可以直接下载生成的代码。

Fontello

Fontello.com提供了12种字体icon的在线制作，你可以选择其中的某几个icon生成你需要的图标

ICON　FINDER

ICON　FINDER这个站点，可以搜索到自己需要的各种icon以及字体。

border radius

border radius就是一款很简单的用来制作圆角的在线生成工具，不过这款工具只能制作简单的圆角效果。（水平和垂直圆角半径一样大小）。

Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator真心的好用，是我常用的一个在线制作渐变的工具，他除了类似于photoshop的渐变工具之外，还是firefox和chrome浏览器的一个插件。而且还能生成兼容IE的滤镜代码，好强大的。

CSS Drop Shadow

这款工具可以在线直接生成七种不同类型的阴影效果，这七种也是常见的不同阴影效果。

Animate.css

Animate.css不是生成代码的工具，但绝对是各种动画效果的参考示例网站，是我目前用的最好用的。

CSS Load

CSS Load是一款纯代码制作loading的工具。