Web 設(shè)計(jì)與開發(fā)者必須知道的 15 個站點(diǎn)
更新時間：2009年08月01日 15:35:34 作者：
今天讀到一篇文章，介紹了15個對 Web 設(shè)計(jì)與開發(fā)師極端有用的站點(diǎn)，里面有不少也是我們一直在使用的，也許對很多人都有用，翻譯出來以餉同仁。
ColorCombos
配色是 Web 設(shè)計(jì)的首要大事，Color Combos 幫你預(yù)備了數(shù)千種配色方案，可以根據(jù)色調(diào)瀏覽選取。
LIpsum
Lorem Ipsum Text 是一中自造的，字典中不存在的單詞，是在演示頁面結(jié)構(gòu)的時候，需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用戶因關(guān)注文字的意思而分神。Lipsum.com 可以幫你生成制定數(shù)目的 Lorem Ipsum 單詞。
What the font?
有時候你對某個 Logo 感興趣，想知道是拿什么字體做的，可以將 Logo 圖片上傳到這個網(wǎng)站，結(jié)果之準(zhǔn)確會讓你難以置信。
ConvertIcon
Favicon 越來越受歡迎，尤其隨著 Firefox 的流行，F(xiàn)irefox 會將你站點(diǎn)的 Favicon 標(biāo)志顯示在標(biāo)簽上，也會顯示于書簽，F(xiàn)avicon 支持多種圖形格式，比如 png，但 IE 并不支持 png，該站點(diǎn)可以幫助你將 png 等圖片格式的 Favicon 轉(zhuǎn)換成 IE 支持的 ico 格式。
BgPatterns
現(xiàn)代 Web 設(shè)計(jì)的趨勢之一包括使用背景圖案，BgPatterns.com 可以幫你設(shè)計(jì)背景圖案，他們有大量可選的圖案，可以按不同方式接合，還可以設(shè)置透明度。
HTML Encoder
如果你要在網(wǎng)站中顯示 Web 代碼，那將是非常煩人的事，你必須將諸如 < 一類的符號用編碼表示，這個網(wǎng)站可以幫你做這些事情，只需將你的代碼復(fù)制進(jìn)去，他們會幫你生成可以直接使用的代碼。還有 HTML Decoder 幫你做相反的事。
Xenocode Browsers
該網(wǎng)站非常有用，可以直接在站點(diǎn)中預(yù)覽你的網(wǎng)站在 IE6， IE7， IE8， Firefox 2， Firefox 3， Google Chrome 以及 Opera 中的樣子。唯一的不足是，不支持 Mac 和 Linux 環(huán)境下的瀏覽器。
Test Everything
這個網(wǎng)站包含了超過 100 中工具幫你測試幾乎所有東西，如跨瀏覽器兼容，查 PR 值，甚至幫你驗(yàn)證代碼。
Sprite Generator
CSS Sprites 在顯著降低 HTTP 請求方面功不可沒，但 CSS sprite 可不是個簡單的技術(shù)，Sprite generator 可以幫你做這些繁復(fù)的工作，將你的圖片打包成 zip 上傳上去，他們會把你的圖片組合成 sprite，還幫你生成 CSS 代碼。
Buttonator
這個網(wǎng)站可以幫你設(shè)計(jì)漂亮的按鈕。
Load Impact
這個壓力測試站點(diǎn)可以幫你測試你的站點(diǎn)的抗壓能力，如果你的某篇文章曾經(jīng)上過 Digg 或 StumbleUpon 等網(wǎng)站的首頁，你就會知道抗壓測試多么重要。
IconFinder
這個網(wǎng)站收藏了大量來自網(wǎng)絡(luò)的免費(fèi)圖標(biāo)。
TypeTester
該站點(diǎn)可以幫你測試不同字體的顯示效果。
CSS Tidy
這個站點(diǎn)可以幫你檢查 CSS 代碼，并修正其中的錯誤，比如，它可以發(fā)現(xiàn)你的 CSS 代碼中最常見到重復(fù)設(shè)置問題。
Contact Forms Generators
自定義表單可以幫助你實(shí)現(xiàn)同訪問者的互動，無需編程，就能快速生成訪客反饋表單，甚至幫你生成郵件發(fā)送 PHP， ASP， Perl 代碼。
配色是 Web 設(shè)計(jì)的首要大事，Color Combos 幫你預(yù)備了數(shù)千種配色方案，可以根據(jù)色調(diào)瀏覽選取。
LIpsum
Lorem Ipsum Text 是一中自造的，字典中不存在的單詞，是在演示頁面結(jié)構(gòu)的時候，需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用戶因關(guān)注文字的意思而分神。Lipsum.com 可以幫你生成制定數(shù)目的 Lorem Ipsum 單詞。
What the font?
有時候你對某個 Logo 感興趣，想知道是拿什么字體做的，可以將 Logo 圖片上傳到這個網(wǎng)站，結(jié)果之準(zhǔn)確會讓你難以置信。
ConvertIcon
Favicon 越來越受歡迎，尤其隨著 Firefox 的流行，F(xiàn)irefox 會將你站點(diǎn)的 Favicon 標(biāo)志顯示在標(biāo)簽上，也會顯示于書簽，F(xiàn)avicon 支持多種圖形格式，比如 png，但 IE 并不支持 png，該站點(diǎn)可以幫助你將 png 等圖片格式的 Favicon 轉(zhuǎn)換成 IE 支持的 ico 格式。
BgPatterns
現(xiàn)代 Web 設(shè)計(jì)的趨勢之一包括使用背景圖案，BgPatterns.com 可以幫你設(shè)計(jì)背景圖案，他們有大量可選的圖案，可以按不同方式接合，還可以設(shè)置透明度。
HTML Encoder
如果你要在網(wǎng)站中顯示 Web 代碼，那將是非常煩人的事，你必須將諸如 < 一類的符號用編碼表示，這個網(wǎng)站可以幫你做這些事情，只需將你的代碼復(fù)制進(jìn)去，他們會幫你生成可以直接使用的代碼。還有 HTML Decoder 幫你做相反的事。
Xenocode Browsers
該網(wǎng)站非常有用，可以直接在站點(diǎn)中預(yù)覽你的網(wǎng)站在 IE6， IE7， IE8， Firefox 2， Firefox 3， Google Chrome 以及 Opera 中的樣子。唯一的不足是，不支持 Mac 和 Linux 環(huán)境下的瀏覽器。
Test Everything
這個網(wǎng)站包含了超過 100 中工具幫你測試幾乎所有東西，如跨瀏覽器兼容，查 PR 值，甚至幫你驗(yàn)證代碼。
Sprite Generator
CSS Sprites 在顯著降低 HTTP 請求方面功不可沒，但 CSS sprite 可不是個簡單的技術(shù)，Sprite generator 可以幫你做這些繁復(fù)的工作，將你的圖片打包成 zip 上傳上去，他們會把你的圖片組合成 sprite，還幫你生成 CSS 代碼。
Buttonator
這個網(wǎng)站可以幫你設(shè)計(jì)漂亮的按鈕。
Load Impact
這個壓力測試站點(diǎn)可以幫你測試你的站點(diǎn)的抗壓能力，如果你的某篇文章曾經(jīng)上過 Digg 或 StumbleUpon 等網(wǎng)站的首頁，你就會知道抗壓測試多么重要。
IconFinder
這個網(wǎng)站收藏了大量來自網(wǎng)絡(luò)的免費(fèi)圖標(biāo)。
TypeTester
該站點(diǎn)可以幫你測試不同字體的顯示效果。
CSS Tidy
這個站點(diǎn)可以幫你檢查 CSS 代碼，并修正其中的錯誤，比如，它可以發(fā)現(xiàn)你的 CSS 代碼中最常見到重復(fù)設(shè)置問題。
Contact Forms Generators
自定義表單可以幫助你實(shí)現(xiàn)同訪問者的互動，無需編程，就能快速生成訪客反饋表單，甚至幫你生成郵件發(fā)送 PHP， ASP， Perl 代碼。
相關(guān)文章
高性能WEB開發(fā) 圖片篇，圖片在一定的程度上，影響著頁面的加載速度。2010-05-05
解決SecureCRT通過SSH連接Ubuntu時vi命令有多余的m的問題
小編遇到這樣一個問題用vi命令來編輯文件的時候，在開頭和結(jié)尾有多余的字母出現(xiàn)：在開頭會有多余的“m”出現(xiàn)，結(jié)尾有多余的“2m”，這篇文章主要介紹了解決SecureCRT通過SSH連接Ubuntu時vi命令有多余的m的問題,需要的朋友可以參考下2022-09-09
本文非常詳細(xì)的描述了一次從web到內(nèi)網(wǎng)滲透的一次過程，并對每一步過程做了詳細(xì)的圖文示例及解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
使用json顯示日期時，細(xì)心的朋友會發(fā)現(xiàn)帶T字母，就是天數(shù)跟小時數(shù)之間出現(xiàn)了一個T，下面為大家介紹下具體的解決方法2013-10-10
這篇文章主要介紹了git工具常用到的命令以及非常詳細(xì)的ssh操作方法，有需要的朋友可以借鑒參考下，希望可以有所幫助，祝大家能夠多多進(jìn)步，早日升職加薪2021-09-09
VScode連接遠(yuǎn)端服務(wù)器一直輸入密碼問題的解決方法
最近用vscode進(jìn)行遠(yuǎn)程服務(wù)器連接時,一直要輸入密碼,不斷重復(fù),始終無法鏈接,這篇文章主要給大家介紹了關(guān)于VScode連接遠(yuǎn)端服務(wù)器一直輸入密碼問題的解決方法,需要的朋友可以參考下2024-07-07
很多年前大學(xué)里學(xué)過的進(jìn)制轉(zhuǎn)換還是挺簡單的，沒想到多年不用了，都忘了，剛好看到這篇文章，特分享下，方便需要的朋友2013-02-02
這篇文章主要為大家介紹了conda常用命令整理及用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
在VSCode中集成本地部署的DeepSeek-R1模型,通過擴(kuò)展商店下載并配置Continue插件,實(shí)現(xiàn)模型的添加、連接和使用,過程中包括配置文件的修改、模型的刪除以及注意事項(xiàng)的處理,本文介紹VScode內(nèi)接入deepseek包過程,感興趣的朋友一起看看吧2025-02-02
這篇文章主要為大家介紹了TCP窗口被填滿的問題排查實(shí)踐，有需要的朋友可以借鑒參考下，希望能夠有所幫助祝大家多多進(jìn)步，早日升職加薪2022-01-01