前端er常用的一些辅助小工具

开发一个优秀的网站并非易事，一个面面俱到并且美观的网站，即使对于经验丰富的Web开发者而言也是项艰巨的任务。在那之前您必须认识到当前的趋势及标准，并确定如何将这些都纳入您的设计之中。

　　幸运的是，现在有很多免费的工具可供使用，以帮助您提高效率，使得工作更有效率。以下这20个实用WEB辅助开发设计工具对于开发者而言无疑都会从中受益。

Typetester

Typetester是在线比较不同的文字和文字属性在给定的文本里显示效果的应用。其主要作用是使网页设计师的生活更轻松，快速方便的比较不同的字体视觉。

网址：http://www.typetester.org/

pForm

使用这款免费易用的工具在几秒钟内创建php表单。如果你需要更多的功能，你可以注意他的父项目MachForm或者更棒的替代品wufoo和formspring（这两个版本提供有限的免费和付费高级版）。

网址：http://www.phpform.org/

ColourLovers

为色彩爱好者而建立的国际型站点。你能搜索网站的调色板，使用在项目上或者创建新的可被评价的调色板。对灵感或者设计理念的批判很有好。

网址：http://www.colourlovers.com/

Firebug

Firebug 与Firefox集成，将大量丰富的网页开发工具引到你指边。浏览的时候，你就可以实时在任何的网页上进行编辑，调试，和检测css，html和 JavaScript。这可能是一个最为广泛使用的Web开发工具了。作为前端er，如果你没有它，那就out啦，赶紧去下一个去。
此外opera , safari等webkit浏览器也支持Firebug。

HTML Entity Character Lookup

假如你需要知道如何在你的网页上显示商标符号，那么这款工具恰恰可以帮助你。HTML实体查询搜索HTML实体匹配的搜索特性建立在字符看起来怎样 的基础上的，例如，字母“ C ”将匹配©和¢实体，因为他们看起来差不多。这确实是你需要尝试了解他是怎样有用的工具。（MAC用户也可以作为仪表板部件使用）。

网址：http://leftlogic.com/projects/entity-lookup/

960 Grid System

960网格系统是为了简化Web开发流程，提供常用尺寸，基于宽度960px。这里两个变种，12和16列，可单独使用也可以协作使用。全面赏析此框架

网址：http://960.gs/

Em Calculator

Em Calculator是一个小JavaScript工具，它可以让您输入一个像素大小并显示相应的EM值。这个工具非常易于使用和便捷的快速参考。

Browser Shots

您可以在约100名不同的浏览器的4个不同的平台中查看您网站，以确定最终的跨浏览器的支持。鉴于目前存在的许多不同类型的配置，重要的是要确保您的网站看起来更好，更可能的支持更多的平台。

网址：http://browsershots.org/

Icon Finder

Iconfinder为Web设计者和开发者运用简单有效的方式提供高质量的图标。你只需要在搜索框中键入一个关键字，Iconfinder将会给你带来美丽的图标，你可以自由的使用。

网址：http://www.iconfinder.com/

WhatTheFont

假如你想之你最喜欢的blog使用的什么字体，这个工具能帮到你。仅需要上传一张字体的图片，此工具就可以尽可能的匹配正确的字体。如果你宁可相信一个真正的人，WhatTheFont论坛的资源是一个很好选择。

网址：http://new.myfonts.com/WhatTheFont/iPhone

MeasureIt

很棒的Firefox插件，绘出一把尺子获得任何内容网页上像素的宽度和高度。

ColorZilla

你可以使用ColorZilla获取浏览器上任何一点的颜色。快速校对颜色粘帖到另一个程序中，你可以放大你正在查看的网页大小，测量网页上任意两点间的距离。

Pingdom

Pingdom加载完整的HTML网页，包括所有的对象（图像，CSS，JavaScripts，rss，Flash和帧/框架） 。它模仿是在页面在Web浏览器中加载的方式，然后使用很不错的视觉时间条显示每个元素的家寨时间。这可能对尝试调高网闸你的效率十分的有用。

网址:http://pingdom.com/

Test Everything

大体的测试网站所有东西。100个不同的校验器和测试，所有都舒适的在一个应用程序中。节省网站开发测试阶段的大量的时间。

网址：http://tester.jonasjohn.de/

CSS Sprite Generator

Sprites可以通过减少HTTP请求数提高网站速度，因此变得越来越受欢迎。使用他们，需要更大的远见和规划，从而增加了使用他们的难度。这个 令人惊奇的工具允许上传图片压缩包，然后将它们合并为一个sprite，一旦sprite被创建，它会创建一份你需要使用sprite的CSS，免费完整 下载使用。

网址：http://csssprites.com/

Web Developer Toolbar

一个非常有的Firefox插件，提供了很多web开发人员日常基础工具，快速验证XHTML或检查HTTP头信息。

Domainr

有很多工具可以告诉你某个域名是不是注册了。Domainr除了帮助查询你需要的，而且还尝试建立更值得使用的名字。Domainr帮助您探测整个 域名空间，超出了无处不在的和拥挤的.com, .net 与.org的限制。借助jish.nu，burri.to和del.icio.us的灵感，当你想不到独特的域名的时候这个工具就可以派上了用场了。

Font Burner

Font Burner是免费在线工具，可以搜多超过1000种字体。一旦你找到喜欢的字体，该工具会提供一小段代码，让你在自己的网站上免费使用字体。不论用户是 否安装此字体,字体都将在每部电脑上显示。如果你想知道自己到底喜欢哪款字体，请参考：史上最漂亮的100种字体

网址：http://www.fontburner.com/

Smush.It

Smush.It是一个简洁的非失真图像优化应用工具，帮助你压缩图片。

网址：http://smush.it/