最美H5 酷站欣赏 UI素材 专题 设计导航

11个实用的Web在线开发工具

作为Web开发者,我发现我非常依赖于一些在线工具。在线工具通常是易于创建和使用,并且可以使工作表现的更好、更快。比如htaccess generator、JSON formatter。以下是我分享的一些新的、有趣的在线工具。

Font comparer

clip_image001

仅是输入一些文字,,来查看它的不同样式。

Color Explorer

clip_image002

通过ColorExplorer,你可以快速、轻松的创建、管理和评估调色,当你使用图片设计、Web设计、布局等时。

SpriteBox

clip_image003

SpriteBox是个WYSIWYG工具,来帮助Web开发者快速、轻松的创建CSS类。

Gridulator

clip_image004

Gridulator可以快速创建网格布局,在png上,帮助你进行Web布局。你会发现photoshop都不顶用的功能。

Markup.io

clip_image005

Markup可以让你通过一组工具在任何的网页上勾画等简单编辑,来表达你的想法。然后你可以通过书签工具栏来在任何时候掉使用它。

Spritebaker

clip_image006

一款针对web开发者和设计师的免费工具。它解析你的css,通过外部媒体“baked”返回一个副本,作为Base64编码数据集。消耗Http请求的时间将大量缩减,大量提升速度(服务器端必须gzip压缩)。

ProCSSor

clip_image007

高级CSS“美化师”,通过严格的方式格式化CSS。 将你的CSS转化为更引人注目的东西,只需一点点的努力。

Minus

clip_image008

拖曳的快速分享工具。

CopyPaste Character

clip_image009

复制、粘贴Web特殊字符的工具。

Name Check

clip_image010

检查你想要的昵称是否能注册的工具,支持数十个流行的社交网站。通过namechk找到最佳用户名。

Scrim

clip_image011

转化email地址为短域名,你可以在各类网站分享它,并且可以规避暴漏邮箱地址,而导致垃圾邮件泛滥。

原文:http://www.queness.com/post/7018/11-useful-online-tools-for-web-development