Web開發(fā)/設(shè)計(jì)人員應(yīng)當(dāng)知道的15個(gè)網(wǎng)站
在進(jìn)行網(wǎng)站設(shè)計(jì)的時(shí)候，開始步驟的其中一項(xiàng)（也是最重要）的內(nèi)容是選擇出一個(gè)配色方案。
Color Combos讓你可以瀏覽上千個(gè)不同的顏色組合，以便從中為你即將開始的設(shè)計(jì)汲取靈感。其配色方案可按顏色瀏覽。
風(fēng)靡之至的Lorem Ipsum文字，其大名誰人不知？哪個(gè)不曉？（譯注：查了才知道，這是指一篇用于測(cè)試排版設(shè)計(jì)的拉丁文文章，從15世紀(jì)開始就被廣泛使用，文章因以Lorem Ipsum開頭而得名）該段文字被全球各地的網(wǎng)站設(shè)計(jì)者用來在設(shè)計(jì)中對(duì)其真正的文字的呈現(xiàn)效果進(jìn)行仿真。
Lipsum.com讓你可以創(chuàng)建所需數(shù)量的Lorem Ipsum自然段，快速又簡(jiǎn)便。
你剛看到一個(gè)標(biāo)志或網(wǎng)站使用了一種特別的字體，你很喜歡它。很想在自己的設(shè)計(jì)中也使用同樣的字體......但是你不知道字體的名字。在這個(gè)問題上你只有兩種解決方案：花數(shù)小時(shí)尋找該字體，或者利用What the font的服務(wù)。
“是什么字體”這項(xiàng)服務(wù)讓你可以上傳一個(gè)含有字體的標(biāo)志或圖像，然后告訴你該字體是什么。結(jié)果令人驚嘆。
對(duì)任何何網(wǎng)站來說，收藏夾圖標(biāo)都是必不可缺的，其主要原因是在現(xiàn)代瀏覽器如火狐上，它會(huì)隨著網(wǎng)站名字出現(xiàn)tab欄上。書簽也用到它。
收藏夾圖標(biāo)可以有多種不同的文件格式，包括流行的.png。唯一的問題是使用png作為你網(wǎng)站的收藏夾圖標(biāo)文件格式的話在IE瀏覽器上不起作用。令人欣慰的是，有一個(gè)免費(fèi)的在線圖標(biāo)轉(zhuǎn)換服務(wù)ConvertIcon，這項(xiàng)服務(wù)允許你上傳圖片然后返回一個(gè).ico文件給你，這樣就可以解決跟微軟IE瀏覽器的兼容性問題了。
背景花紋圖案無疑是當(dāng)今網(wǎng)站設(shè)計(jì)的趨勢(shì)之一。
在BgPatterns.com，你可以瀏覽花樣繁多的花紋并可以免費(fèi)用到你的網(wǎng)站上。
你需要在自己的網(wǎng)站上顯示代碼嗎？如果需要的話，你也許就會(huì)明白那有多煩。實(shí)際上你就不得不敲< to display <。如果你要顯示50行的代碼的話，手工轉(zhuǎn)換HTML符號(hào)有可能就要花上一些時(shí)間了。
讓你只需提供代碼就可為你返回轉(zhuǎn)換后的HTML實(shí)體。我每天都要用它來在自己的博客上展示代碼。
注：相應(yīng)還有一個(gè)HTML Decoder。
依我之見，Xenocode瀏覽器乃測(cè)試網(wǎng)站在不同瀏覽器顯示效果的終極瀏覽器。Xenocode允許你從網(wǎng)上直接加載IE6、IE7、IE8、Firefox 2、Firefox 3、Google Chrome以及Opera。唯一的弱點(diǎn)是：對(duì)于允許Macs和GNU/Linux的PC來說其服務(wù)不可用。
除了想在許多瀏覽器中測(cè)試設(shè)計(jì)以外，你是不是還期望能在同一個(gè)地方測(cè)試頁(yè)面的頁(yè)面排名（PageRank）甚至驗(yàn)證自己的代碼對(duì)標(biāo)準(zhǔn)的兼容性？
如是，則Test Everything是你不容錯(cuò)過的網(wǎng)站。此站聚集了超過100種不同的工具，讓你幾乎可以測(cè)試網(wǎng)頁(yè)上的任何東西。
毫無疑問，樣式表貼圖定位（CSS Sprite）是可供使用的一項(xiàng)偉大技術(shù)，主要是因?yàn)樗鼫p少了HTTP請(qǐng)求的數(shù)量。不過，樣式表貼圖定位需要時(shí)間和特定技術(shù)，這使得這項(xiàng)技術(shù)優(yōu)點(diǎn)難以使用，尤其是對(duì)新手而言。
令人驚艷的Sprite generator讓你可以發(fā)送一個(gè)含有圖像的zip壓縮文件。然后它把你的圖片結(jié)合進(jìn)貼圖定位中返回給你，更妙的是，還可以把CSS代碼頁(yè)生成出來，你只需粘貼到主CSS文件中去即可。
對(duì)于任何一個(gè)莊重的博客或網(wǎng)站來說，好看的按鈕無疑都是必備之物。如果你不了解這一點(diǎn)，或者沒時(shí)間來創(chuàng)建一些酷酷的按鈕，別擔(dān)心：Buttonator 是一個(gè)先進(jìn)的按鈕生成器，還可以免費(fèi)使用。
此外，如果你對(duì)CSS按鈕感興趣的話，別忘了看看我們的十大CSS按鈕指南清單。
當(dāng)網(wǎng)站名字出現(xiàn)在流行網(wǎng)站如Digg或Stumble的首頁(yè)上時(shí)，你曾有過多少次看到過那些網(wǎng)站是宕掉的？
免費(fèi)的Load Impact服務(wù)允許你對(duì)自己的網(wǎng)站應(yīng)對(duì)各種不同的流量沖擊進(jìn)行測(cè)試。WpWebHost托管的網(wǎng)站的結(jié)果非常出色。
好看的圖標(biāo)在任何一個(gè)專業(yè)網(wǎng)站那里都是不可或缺的。網(wǎng)上有許多免費(fèi)的圖標(biāo)，因此IconFinder那幫家伙決定創(chuàng)建一個(gè)免費(fèi)圖標(biāo)集散地供你用于設(shè)計(jì)。毫無疑問，在此你可以輕易地在幾秒鐘時(shí)間內(nèi)找到想要的東西。
測(cè)試設(shè)計(jì)中的字體顯示效果有時(shí)候是一件吹毛求疵的行為。令人欣慰的是，TypeTester可以讓你測(cè)試字體及其屬性的顯示效果。絕對(duì)節(jié)省時(shí)間。
即便是高級(jí)的開發(fā)人員經(jīng)常也要去優(yōu)化其CSS代碼。CSS Tidy是免費(fèi)的在線應(yīng)用，可修正CSS代碼的錯(cuò)誤并對(duì)其進(jìn)行優(yōu)化。比如說，它可自動(dòng)偵測(cè)冗余的樣式，這是很常見的CSS代碼錯(cuò)誤。
里面有非常多的設(shè)定，可確保你對(duì)結(jié)果滿意。
對(duì)于任何一個(gè)網(wǎng)站來說表單都是非常重要的一部分，因?yàn)樗鼈冊(cè)试S你的讀者或客戶跟你進(jìn)行交互。通過利用Contact Forms Generator，可生成從網(wǎng)站發(fā)送電子郵件到你的郵箱去的PHP、ASP或甚至是Perl代碼，你將會(huì)在創(chuàng)建表單方面節(jié)省下寶貴的時(shí)間。
原文鏈接：Web開發(fā)/設(shè)計(jì)人員應(yīng)當(dāng)知道的15個(gè)網(wǎng)站
相關(guān)文章
vscode擴(kuò)展代碼定位實(shí)現(xiàn)步驟詳解
這篇文章主要為大家介紹了vscode擴(kuò)展代碼定位實(shí)現(xiàn)步驟詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
這篇文章主要介紹了Mac M1安裝Homebrew的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
解決git誤commit大文件導(dǎo)致不能push問題
這篇文章主要介紹了解決git誤commit大文件導(dǎo)致不能push問題,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
Git 命令行教程及實(shí)例教程(附github注冊(cè))
這篇文章主要介紹了Git 命令行教程及實(shí)例教程，附github注冊(cè)方法,需要的朋友可以參考下2017-10-10
網(wǎng)站性能提高實(shí)戰(zhàn)經(jīng)驗(yàn)點(diǎn)滴記錄
網(wǎng)站性能提高實(shí)戰(zhàn)經(jīng)驗(yàn)點(diǎn)滴記錄，需要的朋友可以參考下。2011-02-02
當(dāng)我們?cè)趆osts文件中修改內(nèi)容后,點(diǎn)擊保存,系統(tǒng)會(huì)彈出我們沒有權(quán)限的問題,所以本文通過圖文結(jié)合的方式給大家詳細(xì)的介紹了解決辦法,對(duì)我們解決問題有一定的幫助,需要的朋友可以參考下2024-08-08
有些粗心大意的人轉(zhuǎn)貼時(shí)，簡(jiǎn)單地把圖片復(fù)制了過來?？扇绻摼W(wǎng)站的圖片設(shè)置為防止外部鏈接，我們遇到轉(zhuǎn)載的好帖，又找不到原出處，難道只有哀嘆的份么？2011-06-06
最近為vsocde配置Eslint出現(xiàn)了許多問題,我解決問題之后,覺得還是把這些坑都寫清楚,方便學(xué)習(xí)前端的初學(xué)者,下面這篇文章主要給大家介紹了關(guān)于VSCode中ESLint插件修復(fù)以及配置教程的相關(guān)資料,需要的朋友可以參考下2022-12-12
下面小編就為大家分享一篇完美解決webstorm啟動(dòng)索引文件卡死的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-11-11
雖不算什么高深的東西，但至少也算一點(diǎn)點(diǎn)小經(jīng)驗(yàn)，分享分享吧，如果您是高手，而且您還有點(diǎn)時(shí)間，那么請(qǐng)你耐心看完整篇文章，然后再幫忙指點(diǎn)指點(diǎn)，留下您的經(jīng)驗(yàn)，我也好學(xué)習(xí)學(xué)習(xí)。2009-04-04