以下是我分享的一些新的、有趣的在線工具。

1. Font comparer

僅是輸入一些文字，，來查看它的不同樣式。

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

2. Color Explorer

通過ColorExplorer，你可以快速、輕松的創建、管理和評估調色，當你使用圖片設計、Web設計、布局等時。

地址：http://colorexplorer.com/

3. SpriteBox

SpriteBox是個WYSIWYG工具，來幫助Web開發者快速、輕松的創建CSS類。

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

4. Gridulator

Gridulator可以快速創建網格布局，在png上，幫助你進行Web布局。你會發現photoshop都不頂用的功能。

地址：http://gridulator.com/

5.  Markup.io

Markup可以讓你通過一組工具在任何的網頁上勾畫等簡單編輯，來表達你的想法。然后你可以通過書簽工具欄來在任何時候掉使用它。

地址：http://markup.io/

6. Spritebaker

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

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

下一篇還有5個更炫…

#p#

7. ProCSSor

高級CSS“美化師”，通過嚴格的方式格式化CSS。 將你的CSS轉化為更引人注目的東西，只需一點點的努力。

地址：http://procssor.com/

8.  Minus

拖曳的快速分享工具。

地址：http://min.us/

9.  CopyPaste Character

復制、粘貼Web特殊字符的工具。

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

10.  Name Check

檢查你想要的昵稱是否能注冊的工具，支持數十個流行的社交網站。通過namechk找到最佳用戶名。

地址：http://namechk.com/

11.  Scrim

轉化email地址為短域名，你可以在各類網站分享它，并且可以規避暴漏郵箱地址，而導致垃圾郵件泛濫。

地址：http://scr.im/

【編輯推薦】

1. 手把手教你安裝和使用全新開發工具WebMatrix
2. Web開發者必備工具大全（附下載）
3. Web開發工程師必讀的15個設計博客
4. Web開發者必知的15個開源項目 你可知道？
5. 移動Web應用開發的現狀與未來