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

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

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

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

這項Google的網(wǎng)站字體資源是免費的并且兼容各個瀏覽器，因為只是從 Google引入了一個字體庫的 link 樣式，無需憂慮像各個瀏覽器對 CSS 解析不同導(dǎo)致各種bug。同時，無需引入JS，那么即使用戶 PC禁止加載 JS，也不會影響 Google 字體庫的使用。另外，WordPress博客可以使用WP GoogleFonts插件方便的更改字體。

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

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

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

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

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