前端er常用的一些辅助小工具(感觉不错,特别是icon那个,小神奇)

开发一个优秀的网站并非易事,一个面面俱到并且美观的网站,即使对于经验丰富的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/

posted @ 2012-02-04 16:53  beixiao1909  阅读(418)  评论(0编辑  收藏  举报