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

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应用开发的现状与未来