在这篇文章中，收集了10款非常优秀的在线工具推荐给设计师朋友们，这些工具能够帮助Web开发者和设计师们节省大量时间和精力，更好的完成工作。感谢这些工具的作者为我们提供这么有用的工具，看看你喜欢哪些。
CSS3 Generator 是一款非常不错的CSS3代码生成工具，可预览效果。
Color Scheme Designer 是一款互动的在线配色工具，通过拖动色轮来选择色调。
Launchlist 一款站点发布清单工具，预设了28个需要检查的事项，也可以自定义。
Loads.in 可以帮助你测试从世界上50个地点访问你网站的速度。
Bounce 是一款非常棒的工具，可以让你任何网站上分享自己的想法。
ResizeMyBrowser 是一款简单但非常有用的工具，可以变换常见的浏览器尺寸。
Kuler 是一款非常优秀的在线配色工具，还可以从社区用户分享的配色方案中挑选。
Typetester 是一款在线的字体对比工具，可以帮助设计师挑选合适的字体。
WhatTheFont 可以从提交的图片地址或者上传图片中分析出字体，并从数据库中找出最接近字体。
Colorzilla 是一款在线 CSS3 渐变效果生成工具，用法非常类似 Photoshop，特别推荐。
<a href="http://www.cnblogs.com/lhb25/archive/2011/05/17/2021541.html" target="_blank">非常有用的免费UI设计工具和资源</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/03/23/1990737.html" target="_blank">分享35套精美的 PSD 图标素材</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/05/15/2020206.html" target="_blank">分享20个很不错的UI图标集资源</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/02/22/1960203.html" target="_blank">分享42个精美的免费PSD素材</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/04/29/2020291.html" target="_blank">Web设计师应该收藏的11个网站</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程师和设计师必读精华文章推荐</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷！15个精美的 HTML5 单页网站作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫！35个让人惊讶的 CSS3 动画效果演示</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">赞！30个与众不同的优秀视差滚动效果网站</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å！25个优秀的国外单页网站设计作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帅！8个惊艳的 HTML5 和 JavaScript 特效</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">顶！35个很漂亮的国外 Flash 网站作品欣赏</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇！34个漂亮网站和应用程序后台管理界面</a>
<a href="http://www.yyyweb.com/go/web" target="_blank">本博客新站点 ◆ 前端里 ◆ 欢迎围观：）</a>
欢迎任何形式的转载，但请务必注明出处。