分享幾款前端工具

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