在這篇文章中，收集了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>
歡迎任何形式的轉載，但請務必注明出處。