[組圖]20個實用WEB輔助開發(fā)設(shè)計工具 | 銳博

悟靜 2009-10-15

展開全文

開發(fā)一個優(yōu)秀的網(wǎng)站并非易事，一個面面俱到并且美觀的網(wǎng)站,，即使對于經(jīng)驗豐富的Web開發(fā)者而言也是項艱巨的任務(wù),。在那之前您必須認識到當(dāng)前的趨勢及標(biāo)準(zhǔn)，并確定如何將這些都納入您的設(shè)計之中,。

幸運的是,，現(xiàn)在有很多免費的工具可供使用，以幫助您提高效率,，使得工作更有效率,。以下這20個實用WEB輔助開發(fā)設(shè)計工具對于開發(fā)者而言無疑都會從中受益。

Typetester

Typetester是在線比較不同的文字和文字屬性在給定的文本里顯示效果的應(yīng)用,。其主要作用是使網(wǎng)頁設(shè)計師的生活更輕松,，快速方便的比較不同的字體視覺。

pForm

使用這款免費易用的工具在幾秒鐘內(nèi)創(chuàng)建php表單,。如果你需要更多的功能,，你可以注意他的父項目MachForm或者更棒的替代品wufoo和formspring（這兩個版本提供有限的免費和付費高級版）。

ColourLovers

為色彩愛好者而建立的國際型站點,。你能搜索網(wǎng)站的調(diào)色板,，使用在項目上或者創(chuàng)建新的可被評價的調(diào)色板。對靈感或者設(shè)計理念的批判很有好,。

Firebug

Firebug 與Firefox集成,，將大量豐富的網(wǎng)頁開發(fā)工具引到你指邊,。瀏覽的時候，你就可以實時在任何的網(wǎng)頁上進行編輯,，調(diào)試,，和檢測css，html和JavaScript,。這可能是一個最為廣泛使用的Web開發(fā)工具了,。如果你沒有他，立刻去下一個去,。

HTML Entity Character Lookup

假如你需要知道如何在你的網(wǎng)頁上顯示商標(biāo)符號,，那么這款工具恰恰可以幫助你。HTML實體查詢搜索HTML實體匹配的搜索特性建立在字符看起來怎樣的基礎(chǔ)上的,，例如,，字母“ C ”將匹配©和¢實體，因為他們看起來差不多,。這確實是你需要嘗試了解他是怎樣有用的工具,。（MAC用戶也可以作為儀表板部件使用）。

960 Grid System

960網(wǎng)格系統(tǒng)是為了簡化Web開發(fā)流程,，提供常用尺寸,，基于寬度960px。這里兩個變種,，12和16列,，可單獨使用也可以協(xié)作使用。全面賞析此框架

Em Calculator

Em Calculator是一個小JavaScript工具,，它可以讓您輸入一個像素大小并顯示相應(yīng)的EM值,。這個工具非常易于使用和便捷的快速參考。

Browser Shots

您可以在約100名不同的瀏覽器的4個不同的平臺中查看您網(wǎng)站,，以確定最終的跨瀏覽器的支持,。鑒于目前存在的許多不同類型的配置，重要的是要確保您的網(wǎng)站看起來更好,，更可能的支持更多的平臺,。

Icon Finder

Iconfinder為Web設(shè)計者和開發(fā)者運用簡單有效的方式提供高質(zhì)量的圖標(biāo)。你只需要在搜索框中鍵入一個關(guān)鍵字,，Iconfinder將會給你帶來美麗的圖標(biāo),，你可以自由的使用。

WhatTheFont

假如你想之你最喜歡的blog使用的什么字體,，這個工具能幫到你,。僅需要上傳一張字體的圖片，此工具就可以盡可能的匹配正確的字體,。如果你寧可相信一個真正的人,，WhatTheFont論壇的資源是一個很好選擇。

MeasureIt

很棒的Firefox插件,，繪出一把尺子獲得任何內(nèi)容網(wǎng)頁上像素的寬度和高度,。

ColorZilla

你可以使用ColorZilla獲取瀏覽器上任何一點的顏色?？焖傩︻伾程搅硪粋€程序中,，你可以放大你正在查看的網(wǎng)頁大小，測量網(wǎng)頁上任意兩點間的距離,。

Pingdom

Pingdom加載完整的HTML網(wǎng)頁,，包括所有的對象（圖像，CSS,，JavaScripts,，rss，F(xiàn)lash和幀/框架） ,。它模仿是在頁面在Web瀏覽器中加載的方式,，然后使用很不錯的視覺時間條顯示每個元素的家寨時間。這可能對嘗試調(diào)高網(wǎng)閘你的效率十分的有用,。

Test Everything

大體的測試網(wǎng)站所有東西,。100個不同的校驗器和測試，所有都舒適的在一個應(yīng)用程序中,。節(jié)省網(wǎng)站開發(fā)測試階段的大量的時間,。

CSS Sprite Generator

Sprites可以通過減少HTTP請求數(shù)提高網(wǎng)站速度，因此變得越來越受歡迎,。使用他們,，需要更大的遠見和規(guī)劃，從而增加了使用他們的難度,。這個令人驚奇的工具允許上傳圖片壓縮包,，然后將它們合并為一個sprite，一旦sprite被創(chuàng)建,，它會創(chuàng)建一份你需要使用sprite的CSS,，免費完整下載使用。

Web Developer Toolbar

一個非常有的Firefox插件,，提供了很多web開發(fā)人員日?；A(chǔ)工具，快速驗證XHTML或檢查HTTP頭信息,。

Domainr

有很多工具可以告訴你某個域名是不是注冊了,。Domainr除了幫助查詢你需要的，而且還嘗試建立更值得使用的名字,。Domainr幫助您探測整個域名空間,，超出了無處不在的和擁擠的.com, .net 與.org的限制,。借助jish.nu，burri.to和del.icio.us的靈感,，當(dāng)你想不到獨特的域名的時候這個工具就可以派上了用場了,。