建個好網站絕非易事,工欲善其事必先利其器。本文編譯了15個極其有用的網站,任何一位網站開發(fā)者或設計人員都應該收藏起來。

ColorCombos

在進行網站設計的時候,開始步驟的其中一項(也是最重要)的內容是選擇出一個配色方案。

Color Combos讓你可以瀏覽上千個不同的顏色組合,以便從中為你即將開始的設計汲取靈感。其配色方案可按顏色瀏覽。

對任何何網站來說,收藏夾圖標都是必不可缺的,其主要原因是在現代瀏覽器如火狐上,它會隨著網站名字出現tab欄上。書簽也用到它。

收藏夾圖標可以有多種不同的文件格式,包括流行的.png。唯一的問題是使用png作為你網站的收藏夾圖標文件格式的話在IE瀏覽器上不起作用。令人欣慰的是,有一個免費的在線圖標轉換服務ConvertIcon,這項服務允許你上傳圖片然后返回一個.ico文件給你,這樣就可以解決跟微軟IE瀏覽器的兼容性問題了。

點此訪問ConvertIcon

Test Everything

除了想在許多瀏覽器中測試設計以外,你是不是還期望能在同一個地方測試頁面的頁面排名(PageRank)甚至驗證自己的代碼對標準的兼容性?

如是,則Test Everything 是你不容錯過的網站。此站聚集了超過100種不同的工具,讓你幾乎可以測試網頁上的任何東西。

風靡之至的Lorem Ipsum文字,其大名誰人不知?哪個不曉?(譯注:汗一個,查了才知道,這是指一篇用于測試排版設計的拉丁文文章,從15世紀開始就被廣泛使用,文章因以Lorem Ipsum開頭而得名)該段文字被全球各地的網站設計者用來在設計中對其真正的文字的呈現效果進行仿真。

Lipsum.com讓你可以創(chuàng)建所需數量的Lorem Ipsum自然段,快速又簡便。

你剛看到一個標志或網站使用了一種特別的字體,你很喜歡它。很想在自己的設計中也使用同樣的字體......但是你不知道字體的名字。在這個問題上你只有兩種解決方案:花數小時尋找該字體,或者利用What the font的服務。

“是什么字體”這項服務讓你可以上傳一個含有字體的標志或圖像,然后告訴你該字體是什么。結果令人驚嘆。

毫無疑問,樣式表貼圖定位(CSS Sprite)是可供使用的一項偉大技術,主要是因為它減少了HTTP請求的數量。不過,樣式表貼圖定位需要時間和特定技術,這使得這項技術優(yōu)點難以使用,尤其是對新手而言。

令人驚艷的Sprite generator讓你可以發(fā)送一個含有圖像的zip壓縮文件。然后它把你的圖片結合進貼圖定位中返回給你,更妙的是,還可以把CSS代碼頁生成出來,你只需粘貼到主CSS文件中去即可。

對于任何一個莊重的博客或網站來說,好看的按鈕無疑都是必備之物。如果你不了解這一點,或者沒時間來創(chuàng)建一些酷酷的按鈕,別擔心:Buttonator 是一個先進的按鈕生成器,還可以免費使用。

此外,如果你對CSS按鈕感興趣的話,別忘了看看我們的

即便是高級的開發(fā)人員經常也要去優(yōu)化其CSS代碼。CSS Tidy是免費的在線應用,可修正CSS代碼的錯誤并對其進行優(yōu)化。比如說,它可自動偵測冗余的樣式,