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