配色是 Web 設(shè)計(jì)的首要大事,Color Combos 幫你預(yù)備了數(shù)千種配色方案,可以根據(jù)色調(diào)瀏覽選取。
Lorem Ipsum Text 是一中自造的,字典中不存在的單詞,是在演示頁(yè)面結(jié)構(gòu)的時(shí)候,需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用戶因關(guān)注文字的意思而分神。Lipsum.com 可以幫你生成制定數(shù)目的 Lorem Ipsum 單詞。
有時(shí)候你對(duì)某個(gè) Logo 感興趣,想知道是拿什么字體做的,可以將 Logo 圖片上傳到這個(gè)網(wǎng)站,結(jié)果之準(zhǔn)確會(huì)讓你難以置信。
[Page: ]
Favicon 越來(lái)越受歡迎,尤其隨著 Firefox 的流行,F(xiàn)irefox 會(huì)將你站點(diǎn)的 Favicon 標(biāo)志顯示在標(biāo)簽上,也會(huì)顯示于書(shū)簽,F(xiàn)avicon 支持多種圖形格式,比如 png,但 IE 并不支持 png,該站點(diǎn)可以幫助你將 png 等圖片格式的 Favicon 轉(zhuǎn)換成 IE 支持的 ico 格式。
現(xiàn)代 Web 設(shè)計(jì)的趨勢(shì)之一包括使用背景圖案,BgPatterns.com 可以幫你設(shè)計(jì)背景圖案,他們有大量可選的圖案,可以按不同方式接合,還可以設(shè)置透明度。
如果你要在網(wǎng)站中顯示 Web 代碼,那將是非常煩人的事,你必須將諸如 < 一類的符號(hào)用編碼表示,這個(gè)網(wǎng)站可以幫你做這些事情,只需將你的代碼復(fù)制進(jìn)去,他們會(huì)幫你生成可以直接使用的代碼。還有 HTML Decoder 幫你做相反的事。
[Page: ]
該網(wǎng)站非常有用,可以直接在站點(diǎn)中預(yù)覽你的網(wǎng)站在 IE6, IE7, IE8, Firefox 2, Firefox 3, Google Chrome 以及 Opera 中的樣子。唯一的不足是,不支持 Mac 和 Linux 環(huán)境下的瀏覽器。
這個(gè)網(wǎng)站包含了超過(guò) 100 中工具幫你測(cè)試幾乎所有東西,如跨瀏覽器兼容,查 PR 值,甚至幫你驗(yàn)證代碼。
CSS Sprites 在顯著降低 HTTP 請(qǐng)求方面功不可沒(méi),但 CSS sprite 可不是個(gè)簡(jiǎn)單的技術(shù),Sprite generator 可以幫你做這些繁復(fù)的工作,將你的圖片打包成 zip 上傳上去,他們會(huì)把你的圖片組合成 sprite,還幫你生成 CSS 代碼。
[Page: ]
這個(gè)網(wǎng)站可以幫你設(shè)計(jì)漂亮的按鈕。
這個(gè)壓力測(cè)試站點(diǎn)可以幫你測(cè)試你的站點(diǎn)的抗壓能力,如果你的某篇文章曾經(jīng)上過(guò) Digg 或 StumbleUpon 等網(wǎng)站的首頁(yè),你就會(huì)知道抗壓測(cè)試多么重要。
這個(gè)網(wǎng)站收藏了大量來(lái)自網(wǎng)絡(luò)的免費(fèi)圖標(biāo)。
[Page: ]
該站點(diǎn)可以幫你測(cè)試不同字體的顯示效果。
這個(gè)站點(diǎn)可以幫你檢查 CSS 代碼,并修正其中的錯(cuò)誤,比如,它可以發(fā)現(xiàn)你的 CSS 代碼中最常見(jiàn)到重復(fù)設(shè)置問(wèn)題。
自定義表單可以幫助你實(shí)現(xiàn)同訪問(wèn)者的互動(dòng),無(wú)需編程,就能快速生成訪客反饋表單,甚至幫你生成郵件發(fā)送 PHP, ASP, Perl 代碼。