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

    CSS3對(duì)于前端工程師來(lái)說(shuō)，越來(lái)越重要了。有很多CSS3的效果真的不需我們自己一個(gè)一個(gè)

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

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

CSS Animatie

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

http://cssanimate.com/

Long Shadows Generate

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

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

Fontastic

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

http://fontastic.me/

Screensiz.es

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

http://screensiz.es/phone

Live Tools

Live Tools是一個(gè)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制作是越來(lái)越普遍了，但有一些icon字體庫(kù)有幾個(gè)icon，而往往我

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

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

http://fontello.com/

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

Ultimate CSS Gradient Generator

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

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

且還能生成兼容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動(dòng)畫制作工具。

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

Character-Code

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

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