我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站，给产品经理推荐文章，而今天的文章，我们搜集并总结了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种语言。