[url=http://www.colorcombos.com/]ColorCombos[/url] [img]http://www.catswhocode.com/blog/wp-content/uploads/2009/07/colorcombos.png[/img] 配色是 Web 设计的首要大事，Color Combos 帮你预备了数千种配色方案，可以根据色调浏览选取。 [url=http://lipsum.com/]LIpsum[/url] [img]http://www.catswhocode.com/blog/wp-content/uploads/2009/07/lipsum.png[/img] Lorem Ipsum Text 是一中自造的，字典中不存在的单词，是在演示页面结构的时候，需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用户因关注文字的意思而分神。Lipsum.com 可以帮你生成制定数目的 Lorem Ipsum 单词。 [url=http://new.myfonts.com/whatthefont]What the font?[/url] [img]http://files.jb51.net/upload/20090801153347298.png[/img] 有时候你对某个 Logo 感兴趣，想知道是拿什么字体做的，可以将 Logo 图片上传到这个网站，结果之准确会让你难以置信。 [url=http://www.converticon.com/]ConvertIcon[/url] [img]http://files.jb51.net/upload/20090801153353270.png[/img] Favicon 越来越受欢迎，尤其随着 Firefox 的流行，Firefox 会将你站点的 Favicon 标志显示在标签上，也会显示于书签，Favicon 支持多种图形格式，比如 png，但 IE 并不支持 png，该站点可以帮助你将 png 等图片格式的 Favicon 转换成 IE 支持的 ico 格式。 [url=http://www.bgpatterns.com/]BgPatterns[/url] [img]http://www.catswhocode.com/blog/wp-content/uploads/2009/07/bgpatterns.png[/img] 现代 Web 设计的趋势之一包括使用背景图案，[i]BgPatterns.com [/i]可以帮你设计背景图案，他们有大量可选的图案，可以按不同方式接合，还可以设置透明度。 [url=http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx]HTML Encoder[/url] [img]http://www.catswhocode.com/blog/wp-content/uploads/2009/07/htmlencoder.png[/img] 如果你要在网站中显示 Web 代码，那将是非常烦人的事，你必须将诸如 < 一类的符号用编码表示，这个网站可以帮你做这些事情，只需将你的代码复制进去，他们会帮你生成可以直接使用的代码。还有 [url=http://www.catswhocode.com/blog/15-sites-web-developers-and-designers-should-know]HTML Decoder[/url] 帮你做相反的事。 [url=http://www.xenocode.com/browsers/]Xenocode Browsers[/url] [img]http://www.catswhocode.com/blog/wp-content/uploads/2009/07/xenocode.png[/img] 该网站非常有用，可以直接在站点中预览你的网站在 IE6， IE7， IE8， Firefox 2， Firefox 3， Google Chrome 以及 Opera 中的样子。唯一的不足是，不支持 Mac 和 Linux 环境下的浏览器。 [url=http://tester.jonasjohn.de/]Test Everything[/url] [img]http://files.jb51.net/upload/20090801153502651.png[/img] 这个网站包含了超过 100 中工具帮你测试几乎所有东西，如跨浏览器兼容，查 PR 值，甚至帮你验证代码。 [url=http://spritegen.website-performance.org/]Sprite Generator[/url] [img]http://files.jb51.net/upload/20090801153507349.png[/img] CSS Sprites 在显著降低 HTTP 请求方面功不可没，但 CSS sprite 可不是个简单的技术，[i]Sprite generator[/i] 可以帮你做这些繁复的工作，将你的图片打包成 zip 上传上去，他们会把你的图片组合成 sprite，还帮你生成 CSS 代码。 [url=http://www.buttonator.com/]Buttonator[/url] [img]http://files.jb51.net/upload/20090801153517454.png[/img] 这个网站可以帮你设计漂亮的按钮。 [url=http://loadimpact.com/]Load Impact[/url] [img]http://www.catswhocode.com/blog/wp-content/uploads/2009/07/loadimpact.png[/img] 这个压力测试站点可以帮你测试你的站点的抗压能力，如果你的某篇文章曾经上过 Digg 或 StumbleUpon 等网站的首页，你就会知道抗压测试多么重要。 [url=http://www.iconfinder.net/]IconFinder[/url] [img]http://files.jb51.net/upload/20090801153521481.png[/img] 这个网站收藏了大量来自网络的免费图标。 [url=http://www.typetester.org/]TypeTester[/url] [img]http://www.catswhocode.com/blog/wp-content/uploads/2009/07/typetester.png[/img] 该站点可以帮你测试不同字体的显示效果。 [url=http://csstidy.sourceforge.net/index.php]CSS Tidy[/url] [img]http://www.catswhocode.com/blog/wp-content/uploads/2009/07/csstidy.png[/img] 这个站点可以帮你检查 CSS 代码，并修正其中的错误，比如，它可以发现你的 CSS 代码中最常见到重复设置问题。 [url=http://www.tele-pro.co.uk/scripts/contact_form/]Contact Forms Generators[/url] [img]http://files.jb51.net/upload/20090801153528622.png[/img] 自定义表单可以帮助你实现同访问者的互动，无需编程，就能快速生成访客反馈表单，甚至帮你生成邮件发送 PHP， ASP， Perl 代码。