注：本文由敏捷翻譯- 張嘉平翻譯自Ayaz Malik的博文。如需轉載，請參照文章末尾處的宣告。
這些你收集的免費線上設計工具中，我覺得他們多數對我的工作很有用，並且我相信他們也會對你有所幫助。它們將幫你開發網站，驗證編碼，管理時間和經營專案。此收藏由不同類別的工具組成，它們值得收藏，並且我相信，其中某些工具，你在不遠的將來會有用武之地。
1. Kuler
這是一款最受網頁設計師歡迎的工具，它由Adobe公司研製。它能讓你為你的網頁挑選一些配色方案，或是生成新的配色。毫無疑問，它值得瀏覽，並能讓你避免不佳的配色。（編注：其他線上配色工具，請參見《20個對設計師非常有用的線上配色工具》）
2. Typetester
此工具讓網站設計人員即時測試字型的設定。你可以修改字型屬性，迅速檢查出字型是否合適於你的需求。
3. Lipsum
它能生成隨機的擬真文字。如果你想要在文字中新增一些佔位符，那麼它極其實用。
4. Pixlr
這是Photoshop的仿版。既然我們都趨向用Photoshop，因而它並不適用於大眾群體，但總的來說，作為我推薦的高階工具之一，它絕對值得一看。如果你還沒應用Photoshop，嘗試一下Pixlr 吧！它會幫你迅速編輯照片和圖片，它也線上使用。
5. Firebug
每個Web開發人員在Firefox瀏覽器上的必備工具。我無法想象離開它我將怎樣工作。它幫助你迅速監管和除錯CSS, HTML, 以及JS程式碼。如果你還沒有安裝，儘快下載安裝吧。
6. WhatTheFont
這也是我的最愛之一。每次你偶然發現某種字型，並想知道它是哪種字型以便應用。雖然它並不總是很精確，但它清晰瞭然且很受歡迎。
7. Wufoo
此工具讓你可以創制適用於任何人填寫的模板。如果你需要更新資料庫並且想保持檔案的整潔，它是非常實用的。有些場景下，它會優於Microsoft Excel 和你的資料庫。
8. Google Docs
這是另一個你或許已經瞭解的工具，它讓你更輕鬆地管理檔案。你可以為個人需求公司需要而應用它。它的優點在於你可以在任何地方線上安全複製你的檔案。
對Web開發人員非常有用的網站。這個工具允許你檢測網站上的任何東西（例如：程式碼是否有效，或是排名位置）。它生成指向一些優秀網站的連結，以讓你在同一個地方就可以用到其他服務。
10. BrowserShots
這又是個另一個值得Web開發人員的關注網站。它能讓你在不同的瀏覽器和系統中預覽你的網頁。它在生成頁面截圖需要一些時間，但比手動操作要好的多。
11. Simple Invoices
這個工具等同於發票應用程式。它可以讓你知道如何創造和管理髮票。它免費使用，但發票上會包括他們的標識。這是昂貴貨單發票的不錯替代品。
12. OpenProj
OpenProj是Microsoft Visio和其他管理程式不錯的代替品。 它具有所有重要功能，並且免費，因而適用於小型企業和小型專案。
13. WebResizer
WebResizer是一個基具有重新設定圖片大小的網路工具。藉助它，你可以迅速的調整修改和優化圖片。
14. BG Patterns
BG Patterns它是個強大的工具。你可以應用它生成網頁模型。它幾乎能提供所有不同形式的模型。
15. Stripe Generator
另一個極為強大的網路應用程式。它會給網頁提供背景資訊條。有時我覺得它對於任何工作都有所幫助。
16. IzzyMenu
有趣的應用程式，你可以建立自制選單。它是個出色免費的選單建立工具，可以加速你的網站開發工作。
原文：Ayaz Malik 翻譯：敏捷翻譯– 張嘉平
如需轉載，但請註明原文/譯文出處、譯文超連結和譯者等資訊，否則視為侵權，謝謝合作！