分享几款前端工具

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的工具。