20个让Web Developer开发生涯更加轻松的工具(转)

Typetester



一个在线对比字体的工具，可以很直观得看到不同字体的差异



pForm

http://www.pjhome.net/attachments/month_0906/20090611105640.jpg

创建HTML表单的工具，能在瞬间创建很美观的表单，并输出html代码



ColourLovers

http://www.pjhome.net/attachments/month_0906/20090611105703.jpg

在线的调色板工具，你能够搜索到很多配色方案或提交你的配色方案



Firebug

http://www.pjhome.net/attachments/month_0906/20090611105711.jpg

无所不能的firebug，不多介绍了



HTML Entity Character Lookup

http://www.pjhome.net/attachments/month_0906/20090611105719.jpg

HTML 实体 查询工具



960 Grid System

http://www.pjhome.net/attachments/month_0906/20090611105734.jpg

960 是个神奇的数字，960 是横向尺寸，960 网格系统是能够让设计师快速创建网页原型的辅助系统。可以比喻成网页的黄金分割线

http://www.pjhome.net/attachments/month_0906/b2009611104832.jpg


Em Calculator

http://www.pjhome.net/attachments/month_0906/20090611105743.jpg

EM换算器～ ，可以把像素换算成 em 单位。



Browser Shots

http://www.pjhome.net/attachments/month_0906/20090611105758.jpg

多浏览器截屏工具，可以提供多个平台，不同浏览器的页面截屏效果



Icon Finder

http://www.pjhome.net/attachments/month_0906/20090611105807.jpg

还在为找图标发愁么，一个不错的图片搜索工具。



WhatTheFont

http://www.pjhome.net/attachments/month_0906/20090611105818.jpg

当你图片里看到一个好看的文字而不知道字体名称时，可以用它来帮你分析字体类型



MeasureIt

http://www.pjhome.net/attachments/month_0906/20090611105841.jpg

firefox插件，可以在页面上显示一个尺子



ColorZilla

http://www.pjhome.net/attachments/month_0906/20090611105849.jpg

同样是firefox插件，可以在页面上取色，前端开发必备



Pingdom

http://www.pjhome.net/attachments/month_0906/20090611105903.jpg

一个在线的抓包工具



Test Everything

http://www.pjhome.net/attachments/month_0906/20090611105915.jpg

Test Everything 提供了很多测试工具来测试你的站点。从css html 到seo ，从网络工具到优化应有尽有。



CSS Sprite Generator

http://www.pjhome.net/attachments/month_0906/20090611105951.jpg

样式精灵，这类工具很多了，就是把图片分割并且输出成css



Web Developer Toolbar

http://www.pjhome.net/attachments/month_0906/20090611110000.jpg

也是一个非常强大的web开发工具。



Domainr

http://www.pjhome.net/attachments/month_0906/20090611110039.jpg

域名查询工具，很方面查询域名的使用情况，并且给出未注册域名的建议。（需要翻墙）



Font Burner

http://www.pjhome.net/attachments/month_0906/20090611111311.jpg

字体查询工具，并且提供在线的字体解决方案。仅限英文。



Smush.It

http://www.pjhome.net/attachments/month_0906/20090611111325.jpg

图片优化工具，能够优化你的图片尺寸



Load Impact

http://www.pjhome.net/attachments/month_0906/20090611111335.jpg

可以模拟不同地区的用户访问你的站点的情况。并且以图表的情况反馈结果。

[本日志由 journey 于 2009-10-29 10:36 AM 编辑]
文章来自: internet
引用通告: 查看所有引用 | 我要引用此文章
Tags: WebWeb DeveloperDeveloper 开发轻松开发轻松 工具工具