30個實用的網頁設計工具
作為一位網頁設計師或開發者，你一直需要搜尋獲取強大的網頁設計工具。這能夠幫助你節約時間并完成工作。以下我們列舉了一系列優秀的工具，包括CSS、html generators、網頁維護工具、排版工具、網站模板以及在線代碼生成器等。
看看一下三十種優秀網頁設計工具列表，它們可以幫助你在網頁設計與維護項目中節約時間。你也可以把它們設為書簽，以便便捷使用。
1. Expandrive
ExpanDrive 是一款能把SSH服務器映射成Windows網絡驅動器的服務器本地映射工具，有了這款軟件，用戶可以方便地在本地進行刪除，編輯等操作，就像在本地硬盤上一樣方便。
2. Browsershots
在線網頁兼容性測試工具，能夠對網頁進行多款瀏覽器的兼容性調試，以屏幕截圖的方式呈現測試結果，方便設計人員的頁面調試。在該工具的首頁，列出了常見操作系統 (Linux, Windows, Mac OS, BSD) 下的各種瀏覽器列表，可以根據需要勾選。
3. Lightbox 2
一款很漂亮很有動感的lightbox插件。源文件壓縮包有jQuery及Mootools2種版本，而且每個版本都有黑白2種皮膚。該插件支持單張圖片，一組圖片，gif動態圖片，HTML內容，IFrame內容，Ajax等內容的展示，會隨滾動條自動居中展示，效果很好。而且支持彈出層的震動效果。源文件壓縮包里還提供PSD文件，大家可以自己修改。
4. Typeteste
Typetester是一款字體對比的在線應用程序，經過簡單的操作可以在線對比哪種字體更適合您的網站。
Typetester 支持使用您電腦上安裝的字體，***支持中文而且您可以進行簡單的 css 樣式定義，是網頁設計中不可缺少的好幫手。Typetester 可以同時對比三種字體的顯示效果，并且顯示的方式包括標準、粗體、斜體、粗斜體、全大寫等10多種，通過簡單的列表方式一目了然的展示在您的屏幕上，您可以通過對比來查看哪種顯示模式更加匹配您的網站頁面。
5. jQuery UI
jQuery UI 是以 jQuery 為基礎的開源 JavaScript 網頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控件。我們可以直接用它來構建具有很好交互性的web應用程序。
6. Adobe kuler
Adobe Kuler是Adobe推出的基于Adobe Air的優秀的色彩配色軟件，Kuler能讓你對色彩知識有良好的掌控，在設計中做到游刃有余。使用需要先安裝Adobe Air平臺支持。
7. Smush.it
網頁圖片優化是網頁加速中非常重要的一步，對圖片進行壓縮，不僅能夠節約帶寬，并且加快網頁的速度。我們常用的圖片編輯軟件都可以在壓縮圖片。而使用 Smush.it 則可以大幅壓縮圖片，并且它還是一個無損的壓縮工具。Smush.it 不但支持本地上傳圖片，而且還支持網絡路徑圖片獲取！
8. Clean AJAX
Clean一個開源的Ajax引擎，一組簡化AJAX開發的高級接口。
這個網站的內容包括了免費的網頁設計指南、資訊、文章、評審建議。也提供模板交易服務。
10. Stripemania
Stripemania是一個簡單免費的Web 2.0工具，用于設計創造無縫的斜條紋。你可以選擇條紋的間距大小，也可以為所有的條紋添加顏色漸變效果。
#p#
11. Whatthefont
圖片中的字體字型識別是非常頭痛的事情，因為圖片的字體并沒有任何相關的信息，非設計人員面對成千上萬的字體可能無從判斷。既然存在OCR技術，那么就可以利用OCR直接對圖片中的字體進行識別。WhatTheFont，正是這樣一個在線英文字體字型識別網站。
12. Lorem Ipsum
Lorem ipsum是指一篇常用于排版設計領域的拉丁文文章，主要的目的為測試文章或文字在不同字型、版型下看起來的效果。
13. Behance
Behance 是2006年創立的著名設計社區，在上面，創意設計人士可以展示自己的作品，發現別人分享的創意作品（上面有許多質量上乘的設計作品），相互還可以進行互動（評論、關注、站內短信等）。
14. Stylevault
Stylevault.net是一個網頁設計師可以展示自己的才能并獲得賦予靈感的地方。
15. Blueprint CSS
Bluprint 是一個 CSS框架，其目的在于縮短你的開發時間。易于使用的柵格、合理的排版、有效的插件，甚至打印樣式表，這些優點成為給了用戶做項目的堅實基礎。
16. CleanCSS
CleanCSS是一個免費的CSS精簡壓縮工具，通過這個在線工具，可以將你的CSS文件壓縮、優化成更精簡，這將大大提高你的網站的載入速度。進入CleanCSS后， 你可以輸入要壓縮的CSS代碼或是該CSS文件的所在URL地址，然后選擇代碼布局和相應的精簡壓縮選項，***點擊生成即可。
17. Firebug
Firebug是firefox下的一個插件,能夠調試所有網站語言，如Html,Css等，但FireBug最吸引我的就是javascript 調試功能，使用起來非常方便，而且在各種瀏覽器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能還很強大，比如html,css,dom的察看與調試，網站整體分析等等。總之就是一整套完整而強大的 WEB開發工具。
18. Zend Studio
Zend Studio 7.0是我們的專業PHP應用程序開發環境下的新生代產品。它的設計***限度地提高開發人員的工作效率，使你開發和維護的代碼速度更快，快速解決應用問題，并改善團隊協作。
19. Typeface.js
這個項目提供了一個字體的解決方案，你能使用任何字體顯示，不管客戶端是否安裝了這種字體，而且不使用Flash（sIFR使用Flash）。
typeface.js并不使用flash或者圖片，只是直接展示你希望使用的圖形化字體，你能使用typeface.js和寫普通HTML和CSS代碼，就像你的訪問者在本機擁有這種字體一樣。這是一個正在發展的項目，但是已經擁有足夠的功能來渲染圖形化字體。
20. Color hunter
一個在線配色篩選工具。可以按照圖片來自動生成相應的不同調色板，也就是配色方案。如果你想尋找某種風格的配色方案，可以在網站上方的搜索區域進行相應的搜索。
21. Browsercam
使用Browsercam需要一個昂貴的VNC客戶端。其提供超過70種瀏覽器，基于Linux, Win, Mac和移動設備操作系統BlackBerry, Win Mobile等多種平臺的測試服務。Browsercam的收費有多種模式，支付費用由20到1000美元/月。不過，在Browsercam注冊后24 小時內是可以免費使用的。
22. Colour lovers
Colourlovers 是一個聚集了各種設計師和藝術家的國際化社區。他們通過瀏覽該網頁獲取顏色的靈感、想法和專業或個人項目的反饋信息。COLOURlover的忠實成員創建顏色、調色板和模板，以培養他們對于色彩搭配的興趣。
23. W3C Validator
The W3C 驗證器 是一款由W3C提供的免費服務。它旨在對Web文檔的有效性進行協助檢查。也可用于CSS驗證。
24. Deviantart
Deviantart 是 互聯網上***的藝術櫥窗之一。你可以在這里尋求靈感。
25. WIX
免費的flash頁面建立工具。
26. Are my sites up?
Are my sites up 是一項簡單的服務，在你網頁出現問題時通知你。
27. pForm
HTML 表單在線制作器。
The design inspiration是由一群每天尋求各式設計靈感的設計師創立。
29. Colorotate
ColoRotate是一個創新的3D顏色調配工具，用于設計者的配色管理，強大易用的色彩選擇面板，使用谷歌賬戶登錄后能保存配色模板。ColoRotate的特點是使用創新的3D配色盤，讓你直觀的看到顏色配比，更有顏色社區，讓你可以看到其他用戶創建的顏色配置。
FireFtp是Firefox的擴展，可以在Firefox瀏覽器中實現大部分FTP客戶端的功能。
英文原文：webtoolhub
