英文原文：teamtreehouse，編譯：pingwest 陳粲然
Web使用者體驗師Jake Rocheleau撰寫了一篇文章分享他在Web開發中經常使用的網站和Web App，其中包含各類字型庫、程式碼庫、外掛庫、配色方案和測試工具。他同時指出，Web開發環境將慢慢轉向雲端。
CodeVisually是一個開源專案。在它的分類目錄下有各種外掛、 模板、 主題和指令碼程式，你可以找到很多有用的 JS 庫，也為WordPress開發人員提供了框架和模板。如果你是一個jQuery框架或JavaScript 愛好者，那麼你一定要經常去CodeVisually上看看，你會發現有許多新的外掛能夠為你的網站增添一些令人振奮的功能。同時，通過用縮圖形式顯示外掛也幫助你能比在Github 或其它程式碼庫中更好的整理它們。
Cmmntr是日本開發者Motoshi Goto面向Web設計中的新聞和熱點問題所搭建的網站。網站中的資源主要是一些教程和外掛，也包含一些很棒的Demo演示和開源專案。Jake Rocheleau說，他最喜歡Cmmntr的一點是——它將相似的資源都整合在一起，並列出了詳盡的比較，例如CSS DB框架。總體來說，Cmmntr有著很高的文章和豐富的開發資源。
這項Google的網站字型資源是免費的並且相容各個瀏覽器，因為只是從 Google 引入了一個字型庫的 link 樣式，無需擔心像各個瀏覽器對 CSS 解析不同導致各種bug。同時，無需引入 JS，那麼即使使用者 PC禁止載入 JS，也不會影響 Google 字型庫的使用。另外，WordPress部落格可以使用WP Google Fonts外掛方便的更改字型。
Jake Rocheleau認為Stack Overflow是能夠幫助網站開發者解決困難的最好的問答網站。除了使用者回覆意願很強烈外，這些答案也很少會被刪除，利於開發者歸檔和搜尋。Jake Rocheleau說，通過在Google裡搜尋問題並加上stackoverflow.com作為關鍵字，可以找到許多靠譜的解決方案，他在編碼中90%的疑問都可以通過這種方式得到解答。
Web App——CodePen是一個雲端的Web整合開發環境。它提供了非常多的效果，也有開發者不斷開放自己的demo和程式碼給他人使用。開發者只需選擇不同的效果就可以輕鬆搭配出想要的網站頁面，也可以在這些Demo的基礎上自己開發。它的另一個好處是——你可以將自己做的demo都以書籤的形式存於CodePen中，當你像他人展示時可以方便呼叫，而無需再將程式碼上傳到伺服器中。
如今，越來越多的使用者開始通過平板電腦和手機來檢視網頁，針對移動產品的網頁效果測試就成了一個非常重要的領域。在iPad Peek中，你只需選擇你想測試的裝置（包括iPhone 4、iPhone 5和iPad的橫豎兩種螢幕模式），就可以在PC上檢視他們在不同移動裝置上的呈現效果。
Web設計師Chris Coyier的部落格中有單獨的一個頁面——CSS snippets專門蒐集那些可以被經常使用的CSS程式碼段，利用像Coda這樣的網頁編輯應用，你就可以將這些程式碼段歸檔整理。這幫助Web開發者可以節省大量的開發時間，另一個相似的工具還有Eric Meyer建立的CSS Resets，它更適合儲存網頁區域性效果的程式碼。
Pictaculous是一個思路非常新穎的網站，當你上傳一張圖片到Pictaculous時，它會幫助你選擇最合適的配色方案。所以，當你設計一個新的網站，尤其是要根據一些限定的Logo的搭建時，將它們上傳到Pictaculous，會得到不錯的配色參考，也方便進行各種配色方案的測試。
注：文中圖片來自網路