標籤:

網站設計中20個前端和網頁設計師必收的超實用網站

我們常開玩笑說,不想當產品的設計不是好開發,而實際上多數的設計師、開發和產品都會在自己的領域深耕,為了技術、眼界和能力的進階而不遺餘力。不斷的學習是這幾個行業的從業者必須具備的素質。我們經常為設計師推薦網站,給產品經理推薦文章,而今天的文章,我們搜集並總結了20個前端開發者肯定會感興趣的網站,其中的一部分你可能見過甚至熟知,而其中另外一部分則是全新的。

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

GitHub

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

Cody

Cody 是一個免費的HTML/CSS/JS資源庫,你可以藉助Cody 提升你的Web開發技能,學習全新的技巧。

Pingdom

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

Visual Studio

Visual Studio 是微軟所推出的一組開發工具與服務合集,幾乎全部的微軟平台的軟體和產品都是通過它來開發完成。

BitBucket

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

Devport

對於前端而言,Devport 相當的實用,它能夠幫助開發者將APP、網站和Github項目轉化為作品集。只要你的產品或者作品已經存在於線上,無論是Github、iTunes App Store還是網站,它都能系統地幫你導出、整理。Devport 能夠自動的抓取截屏、多媒體、代碼引用、自述文件等等。

Chisel

作為一款免費軟體,Chisel 採用的是ISC協議,為你提供數量無限制的Fossil存儲庫。你可以同全世界進行分享,同樣可以限定誰才能訪問你的存儲庫。

LingoHub

LingoHub 是語言和翻譯領域的專業服務,能幫你組織和控制網站、軟體、移動端APP的翻譯工作,它提供各類專業的翻譯工具、服務和相應的工作流。你可以同你的團隊、專業的譯者一起協作,併合理地控制翻譯完成進度。

Rollbar

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

Iconic Creator

已經有超過8萬名開發者使用這一工具來快速製作他們的APP,對於想要製作 Iconic App 的開發者而言,它有著天然的吸引力。

TinyCert

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

Landscape

Landscape 是一個針對 Python 代碼庫的早期預警系統,花費幾分鐘完成註冊之後,你就可以有針對性地部署代碼質量標準,開啟監測。

Opbeat

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

DevFreeCasts

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

Swiftype

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

Peek

如果你想一窺你的用戶到底是怎麼使用你的產品的,你可以使用Peek的服務,通過5分鐘的視頻觀察真實的用戶和你的網站或者APP進行交互的全部細節。

Keen.io

Keen.io 是一組強大的API,允許你搜集、分析和整理任何互聯網相關的事情,並且視覺化地呈現出來。

Loggly

Loggly 是一款基於雲的日誌管理和分析服務,目前他們為超過9000個客戶提供專業的運營和分析服務。

Codacy

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

Searchcode

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

推薦閱讀:

網頁界面設計的五大原則
2017年,這5個網頁設計風格可能會成為主流趨勢
一番一站:「饜足於味蕾,感恩于海洋」漁業行業網站
迎接2017年的高端網站應該怎樣策劃建設?

TAG:網頁設計 |