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

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

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

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

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

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

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

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

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

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