文章描述：Web用戶體驗(yàn)師Jake Rocheleau撰寫了一篇文章分享他在Web開發(fā)中經(jīng)常使用的網(wǎng)站和Web App，其中包含各類字體庫(kù)、代碼庫(kù)、插件庫(kù)、配色方案和測(cè)試工具。他同時(shí)指出，Web開發(fā)環(huán)境將慢慢轉(zhuǎn)向云端。

Web用戶體驗(yàn)師Jake Rocheleau撰寫了一篇文章分享他在Web開發(fā)中經(jīng)常使用的網(wǎng)站和WebApp，其中包含各類字體庫(kù)、代碼庫(kù)、插件庫(kù)、配色方案和測(cè)試工具。他同時(shí)指出，Web開發(fā)環(huán)境將慢慢轉(zhuǎn)向云端。

CodeVisually是一個(gè)開源項(xiàng)目。在它的分類目錄下有各種插件、模板、 主題和腳本程序，你可以找到許多有效的 JS 庫(kù)，也為WordPress開發(fā)人員提供了框架和模板。假如你是一個(gè)jQuery框架或javascript愛(ài)好者，那么你一定要經(jīng)常去CodeVisually上看看，你會(huì)發(fā)現(xiàn)有許多新的插件能夠?yàn)槟愕木W(wǎng)站增添一些令人振奮的功能。同時(shí)，通過(guò)用縮略圖形式顯示插件也幫助你能比在Github或其它代碼庫(kù)中更好的整頓它們。

Cmmntr是日本開發(fā)者M(jìn)otoshiGoto面向Web設(shè)計(jì)中的新聞和熱點(diǎn)問(wèn)題所搭建的網(wǎng)站。網(wǎng)站中的資源主要是一些教程和插件，也包含一些很棒的Demo演示和開源項(xiàng)目。JakeRocheleau說(shuō)，他喜好Cmmntr的一點(diǎn)是——它將相似的資源都整合在一路，并列出了詳盡的比較，例如CSS DB框架�？傮w來(lái)說(shuō)，Cmmntr有著很高的文章和雄厚的開發(fā)資源。

這項(xiàng)Google的網(wǎng)站字體資源是免費(fèi)的并且兼容各個(gè)瀏覽器，因?yàn)橹皇菑?Google引入了一個(gè)字體庫(kù)的 link 樣式，無(wú)需憂慮像各個(gè)瀏覽器對(duì) CSS 解析不同導(dǎo)致各種bug。同時(shí)，無(wú)需引入JS，那么即使用戶 PC禁止加載 JS，也不會(huì)影響 Google 字體庫(kù)的使用。另外，WordPress博客可以使用WP GoogleFonts插件方便的更改字體。

Jake Rocheleau認(rèn)為StackOverflow是能夠幫助網(wǎng)站開發(fā)者解決困難的問(wèn)答網(wǎng)站。除了用戶回復(fù)意愿很強(qiáng)烈外，這些答案也很少會(huì)被刪除，利于開發(fā)者歸檔和搜索。JakeRocheleau說(shuō)，通過(guò)在Google里搜索問(wèn)題并加上stackoverflow.com作為關(guān)鍵字，可以找到許多靠譜的解決方案，他在編碼中90%的疑問(wèn)都可以通過(guò)這種體例得到解答。

Web App——CodePen是一個(gè)云端的Web集成開發(fā)環(huán)境。它提供了特別很是多的效果，也有開發(fā)者賡續(xù)開放自己的demo和代碼給他人使用。開發(fā)者只需選擇不同的效果就可以輕松搭配出想要的網(wǎng)站頁(yè)面，也可以在這些Demo的基礎(chǔ)上自己開發(fā)。它的另一個(gè)益處是——你可以將自己做的demo都以書簽的形式存于CodePen中，當(dāng)你像他人展示時(shí)可以方便調(diào)用，而無(wú)需再將代碼上傳到服務(wù)器中。

現(xiàn)在，越來(lái)越多的用戶開始通過(guò)平板電腦和手機(jī)來(lái)查看網(wǎng)頁(yè)，針對(duì)移動(dòng)產(chǎn)品的網(wǎng)頁(yè)效果測(cè)試就成了一個(gè)特別很是主要的領(lǐng)域。在iPad Peek中，你只需選擇你想測(cè)試的設(shè)備（包括iPhone4、iPhone 5和iPad的橫豎兩種屏幕模式），就可以在PC上查看他們?cè)诓煌�移�?dòng)設(shè)備上的呈現(xiàn)效果。

Web設(shè)計(jì)師Chris Coyier的博客中有單獨(dú)的一個(gè)頁(yè)面——CSSsnippets專門搜集那些可以被經(jīng)常使用的CSS代碼段，行使像Coda這樣的網(wǎng)頁(yè)編輯應(yīng)用，你就可以將這些代碼段歸檔整頓。這幫助Web開發(fā)者可以節(jié)省大量的開發(fā)時(shí)間，另一個(gè)相似的工具還有EricMeyer建立的CSSResets，它更適合保存網(wǎng)頁(yè)局部效果的代碼。

Pictaculous是一個(gè)思路特別很是新穎的網(wǎng)站，當(dāng)你上傳一張圖片到Pictaculous時(shí)，它會(huì)幫助你選擇配色方案。所以，當(dāng)你設(shè)計(jì)一個(gè)新的網(wǎng)站，尤其是要根據(jù)一些限制的Logo的搭建時(shí)，將它們上傳到Pictaculous，會(huì)得到不錯(cuò)的配色參考，也方便進(jìn)行各種配色方案的測(cè)試。