前端優(yōu)秀輔助工具（html5+css3）

    CSS3對于前端工程師來說，越來越重要了。有很多CSS3的效果真的不需我們自己一個一個

    去寫，在這種情況就互聯(lián)網(wǎng)上有關(guān)于CSS3的工具就出現(xiàn)了，這些工具將給你的制作節(jié)省很

    多時(shí)間，讓你有更多的時(shí)間去做自己想要做的事情。

CSS Animatie

CSS Animatie是一款在線制作CSS3動畫的工具，可以在線直接制作CSS3動畫效果，生成代碼。

http://cssanimate.com/

Long Shadows Generate

Long Shadows Generate是一款在線使用純CSS3實(shí)現(xiàn)長陰影的效果，一款強(qiáng)大的扁平化長投影制造器。

http://sandbox.juan-i.com/longshadows/

Fontastic

Fontastic是一個在線生成字體圖標(biāo)的app，可以定制屬于自己的圖標(biāo)字體。

http://fontastic.me/

Screensiz.es

Screensiz.es站收集整理了移動端的相關(guān)尺寸。

http://screensiz.es/phone

Live Tools

Live Tools是一個UI制作工具，他提供了按鈕、表單、icon圖標(biāo)和Ribbons的制作工具，

可以在線配置相關(guān)參數(shù)，生成你需要的效果代碼。

http://livetools.uiparade.com/index.html

Button Generator

生成和圖片效果一樣的按鈕工具。

http://www.cssbuttongenerator.com/

@FONT-FACE GENERATOR

@FONT-FACE GENERATOR只需其中一種字體，就可以幫我們轉(zhuǎn)換成@font-face各瀏覽器

下所需的所有字體格式。只是中文字體太大，不太好用。

http://www.fontsquirrel.com/tools/webfont-generator

@font-face ICON圖標(biāo)

ICON使用@font-face制作是越來越普遍了，但有一些icon字體庫有幾個icon，而往往我

們有時(shí)候只需要其中的幾個，加載所有的icon感覺浪費(fèi)，其實(shí)沒有必要這么做的，在線

有兩個網(wǎng)站，上面提供了各種字體icon庫，我們只需要選擇其中的部分，進(jìn)行安裝就OK了。

http://fontello.com/

http://icomoon.io/app/#/select

Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator真心的好用，是我常用的一個在線制作漸變的工具，

他除了類似于photoshop的漸變工具之外，還是firefox和chrome瀏覽器的一個插件。而

且還能生成兼容IE的濾鏡代碼，好強(qiáng)大的。

http://www.colorzilla.com/gradient-editor/

Pageblox

Pageblox是一款在線生成布局的工具，提供了七種常見的布局模式，而且還可以根據(jù)自

己的需求做一些自定義的設(shè)置。

https://www.pageblox.com/generate

CSS Load

CSS Load是一款純代碼制作loading的工具。

http://cssload.net/

【ecd】css3 Animation tool

騰訊ECD推出一款強(qiáng)有力的CSS3動畫制作工具。

http://ecd.tencent.com/css3/tools.html

Character-Code

Character-Code.com提供了對應(yīng)的字符編碼，可以查詢出對應(yīng)的字符編碼。

https://websitebuilders.com/tools/html-codes/a-z/