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