以下是我分享的一些新的、有趣的在線(xiàn)工具。

1. Font comparer

僅是輸入一些文字，，來(lái)查看它的不同樣式。

地址：http://www.fontcomparer.com/

2. Color Explorer

通過(guò)ColorExplorer，你可以快速、輕松的創(chuàng)建、管理和評(píng)估調(diào)色，當(dāng)你使用圖片設(shè)計(jì)、Web設(shè)計(jì)、布局等時(shí)。

地址：http://colorexplorer.com/

3. SpriteBox

SpriteBox是個(gè)WYSIWYG工具，來(lái)幫助Web開(kāi)發(fā)者快速、輕松的創(chuàng)建CSS類(lèi)。

地址：http://www.spritebox.net/

4. Gridulator

Gridulator可以快速創(chuàng)建網(wǎng)格布局，在png上，幫助你進(jìn)行Web布局。你會(huì)發(fā)現(xiàn)photoshop都不頂用的功能。

地址：http://gridulator.com/

5.  Markup.io

Markup可以讓你通過(guò)一組工具在任何的網(wǎng)頁(yè)上勾畫(huà)等簡(jiǎn)單編輯，來(lái)表達(dá)你的想法。然后你可以通過(guò)書(shū)簽工具欄來(lái)在任何時(shí)候掉使用它。

地址：http://markup.io/

6. Spritebaker

一款針對(duì)web開(kāi)發(fā)者和設(shè)計(jì)師的免費(fèi)工具。它解析你的css，通過(guò)外部媒體“baked”返回一個(gè)副本，作為Base64編碼數(shù)據(jù)集。消耗Http請(qǐng)求的時(shí)間將大量縮減，大量提升速度(服務(wù)器端必須gzip壓縮)。

地址：http://www.spritebaker.com/

下一篇還有5個(gè)更炫…

#p#

7. ProCSSor

高級(jí)CSS“美化師”，通過(guò)嚴(yán)格的方式格式化CSS。 將你的CSS轉(zhuǎn)化為更引人注目的東西，只需一點(diǎn)點(diǎn)的努力。

地址：http://procssor.com/

8.  Minus

拖曳的快速分享工具。

地址：http://min.us/

9.  CopyPaste Character

復(fù)制、粘貼Web特殊字符的工具。

地址：http://www.copypastecharacter.com/

10.  Name Check

檢查你想要的昵稱(chēng)是否能注冊(cè)的工具，支持?jǐn)?shù)十個(gè)流行的社交網(wǎng)站。通過(guò)namechk找到最佳用戶(hù)名。

地址：http://namechk.com/

11.  Scrim

轉(zhuǎn)化email地址為短域名，你可以在各類(lèi)網(wǎng)站分享它，并且可以規(guī)避暴漏郵箱地址，而導(dǎo)致垃圾郵件泛濫。

地址：http://scr.im/

【編輯推薦】

1. 手把手教你安裝和使用全新開(kāi)發(fā)工具WebMatrix
2. Web開(kāi)發(fā)者必備工具大全（附下載）
3. Web開(kāi)發(fā)工程師必讀的15個(gè)設(shè)計(jì)博客
4. Web開(kāi)發(fā)者必知的15個(gè)開(kāi)源項(xiàng)目 你可知道？
5. 移動(dòng)Web應(yīng)用開(kāi)發(fā)的現(xiàn)狀與未來(lái)