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