我們常開玩笑說，不想當產(chǎn)品的設(shè)計不是好開發(fā)，而實際上多數(shù)的設(shè)計師、開發(fā)和產(chǎn)品都會在自己的領(lǐng)域深耕，為了技術(shù)、眼界和能力的進階而不遺余力。不斷的學習是這幾個行業(yè)的從業(yè)者必須具備的素質(zhì)。我們經(jīng)常為設(shè)計師推薦網(wǎng)站，給產(chǎn)品經(jīng)理推薦文章，而今天的文章，我們搜集并總結(jié)了20個前端開發(fā)者肯定會感興趣的網(wǎng)站，其中的一部分你可能見過甚至熟知，而其中另外一部分則是全新的。

這些網(wǎng)站所承載的工具與服務能夠幫前端和網(wǎng)頁設(shè)計師節(jié)省時間，提升效率，其中絕大多數(shù)是免費的，少數(shù)則擁有免費的版本和收費的進階版，適應不同的需求。

GitHub

在線項目托管平臺Github，想必沒有前端不認識。Github 采用的是Git式的版本管理體系，內(nèi)置了源代碼瀏覽器、在線編輯工具、維基百科等組件，最重要的是，它一直是開源免費的。

Cody

Cody 是一個免費的HTML/CSS/JS資源庫，你可以借助Cody 提升你的Web開發(fā)技能，學習全新的技巧。

Pingdom

Pingdom 是一項網(wǎng)站監(jiān)控服務，它能幫你在第一時間注意到網(wǎng)站的變化，如果你不清楚它的實際效果，最初的14天免費試用能幫你最終作出選擇。

Visual Studio

Visual Studio 是微軟所推出的一組開發(fā)工具與服務合集，幾乎全部的微軟平臺的軟件和產(chǎn)品都是通過它來開發(fā)完成。

BitBucket

Bitbucket 是一個給專業(yè)團隊所準備的Git解決方案，它讓你的團隊能夠協(xié)同編寫代碼、注釋，提供更加專業(yè)的Git存儲庫管理和共享機制。

Devport

對于前端而言，Devport 相當?shù)膶嵱茫�它能夠幫助開發(fā)者將APP、網(wǎng)站和Github項目轉(zhuǎn)化為作品集。只要你的產(chǎn)品或者作品已經(jīng)存在于線上，無論是Github、iTunes App Store還是網(wǎng)站，它都能系統(tǒng)地幫你導出、整理。Devport 能夠自動的抓取截屏、多媒體、代碼引用、自述文件等等。

Chisel

作為一款免費軟件，Chisel 采用的是ISC協(xié)議，為你提供數(shù)量無限制的Fossil存儲庫。你可以同全世界進行分享，同樣可以限定誰才能訪問你的存儲庫。

LingoHub

LingoHub 是語言和翻譯領(lǐng)域的專業(yè)服務，能幫你組織和控制網(wǎng)站、軟件、移動端APP的翻譯工作，它提供各類專業(yè)的翻譯工具、服務和相應的工作流。你可以同你的團隊、專業(yè)的譯者一起協(xié)作，并合理地控制翻譯完成進度。

Rollbar

Rollbar 能夠幫你搜集你的APP中的錯誤信息，并給予提示和分析，幫你更好的Debug 和修復。它能夠解決 Ruby、 Python、PHP、Node.js、JS等編程語言的相關(guān)問題。

Iconic Creator

已經(jīng)有超過8萬名開發(fā)者使用這一工具來快速制作他們的APP，對于想要制作 Iconic App 的開發(fā)者而言，它有著天然的吸引力。

TinyCert

TinyCert 能夠幫你快速生成 SSL 證書并進行管理，這讓你無需查找復雜的 OpenSSL命令來搞定這些問題。

Landscape

Landscape 是一個針對 Python 代碼庫的早期預警系統(tǒng)，花費幾分鐘完成注冊之后，你就可以有針對性地部署代碼質(zhì)量標準，開啟監(jiān)測。

Opbeat

Opbeat 能夠幫你準確定位各種性能問題，查看你的APP的性能與速度，了解有待優(yōu)化的部分，定位是哪些代碼拖慢了整體的效率。

DevFreeCasts

DevFreeCasts 為開發(fā)者提供了大量的免費截圖。

Swiftype

Swiftype 是一個為您的網(wǎng)站和業(yè)務提供專業(yè)化自定義搜索的服務，僅需幾分鐘就可以完成設(shè)置，你可以免費試用。

Peek

如果你想一窺你的用戶到底是怎么使用你的產(chǎn)品的，你可以使用Peek的服務，通過5分鐘的視頻觀察真實的用戶和你的網(wǎng)站或者APP進行交互的全部細節(jié)。

Keen.io

Keen.io 是一組強大的API，允許你搜集、分析和整理任何互聯(lián)網(wǎng)相關(guān)的事情，并且視覺化地呈現(xiàn)出來。

Loggly

Loggly 是一款基于云的日志管理和分析服務，目前他們?yōu)槌�過9000個客戶提供專業(yè)的運營和分析服務。

Codacy

Codacy 能夠全自動地進行代碼審查，幫你監(jiān)控低阿媽質(zhì)量。這一服務能夠為Ruby、JS、PHP、Scala、Java、Python 等編程語言進行靜態(tài)分析、代碼覆蓋和評定。

Searchcode

這款工具能夠幫你找到函數(shù)在真實世界中的案例，它的API和庫覆蓋了超過10多個不同來源和超過90種語言。