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