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