websites-developers-will-bookmark-1

我们常开玩笑说,不想当产品的设计不是好开发,而实际上多数的设计师、开发和产品都会在自己的领域深耕,为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站,给产品经理推荐文章,而今天的文章,我们搜集并总结了20个前端开发者肯定会感兴趣的网站,其中的一部分你可能见过甚至熟知,而其中另外一部分则是全新的。

这些网站所承载的工具与服务能够帮前端和网页设计师节省时间,提升效率,其中绝大多数是免费的,少数则拥有免费的版本和收费的进阶版,适应不同的需求。

GitHub

000703-How-people-build-software-·-GitHub-–-Google-Chrome

在线项目托管平台Github,想必没有前端不认识。Github 采用的是Git式的版本管理体系,内置了源代码浏览器、在线编辑工具、维基百科等组件,最重要的是,它一直是开源免费的。

Cody

000704-CodyHouse-Free-HTML-CSS-JS-nuggets-–-Google-Chrome

Cody 是一个免费的HTML/CSS/JS资源库,你可以借助Cody 提升你的Web开发技能,学习全新的技巧。

Pingdom

000705-Pingdom-Website-Monitoring-Made-Easy-–-Google-Chrome

Pingdom 是一项网站监控服务,它能帮你在第一时间注意到网站的变化,如果你不清楚它的实际效果,最初的14天免费试用能帮你最终作出选择。

Visual Studio

000706-Visual-Studio-Microsoft-Developer-Tools-–-Google-Chrome

Visual Studio 是微软所推出的一组开发工具与服务合集,几乎全部的微软平台的软件和产品都是通过它来开发完成。

BitBucket

000707-Bitbucket-—-The-Git-solution-for-professional-teams-–-Google-Chrome

Bitbucket 是一个给专业团队所准备的Git解决方案,它让你的团队能够协同编写代码、注释,提供更加专业的Git存储库管理和共享机制。

Devport

000708-Developer-Portfolios-_dev_port-–-Google-Chrome

对于前端而言,Devport 相当的实用,它能够帮助开发者将APP、网站和Github项目转化为作品集。只要你的产品或者作品已经存在于线上,无论是Github、iTunes App Store还是网站,它都能系统地帮你导出、整理。Devport 能够自动的抓取截屏、多媒体、代码引用、自述文件等等。

Chisel

000709-Chisel-Fossil-SCM-Hosting-–-Google-Chrome

作为一款免费软件,Chisel 采用的是ISC协议,为你提供数量无限制的Fossil存储库。你可以同全世界进行分享,同样可以限定谁才能访问你的存储库。

LingoHub

000710-Master-Translation-Management-with-LingoHub-–-Google-Chrome

LingoHub 是语言和翻译领域的专业服务,能帮你组织和控制网站、软件、移动端APP的翻译工作,它提供各类专业的翻译工具、服务和相应的工作流。你可以同你的团队、专业的译者一起协作,并合理地控制翻译完成进度。

Rollbar

000711-Rollbar-Error-Tracking-Software-for-Ruby-Python-JavaScript-more-–-Google-Ch

Rollbar 能够帮你搜集你的APP中的错误信息,并给予提示和分析,帮你更好的Debug 和修复。它能够解决 Ruby、 Python、PHP、Node.js、JS等编程语言的相关问题。

Iconic Creator

000712-Ionic-Creator-–-Google-Chrome

已经有超过8万名开发者使用这一工具来快速制作他们的APP,对于想要制作 Iconic App 的开发者而言,它有着天然的吸引力。

TinyCert

000713-TinyCert-–-Google-Chrome

TinyCert 能够帮你快速生成 SSL 证书并进行管理,这让你无需查找复杂的 OpenSSL命令来搞定这些问题。

Landscape

000714-Landscape-__-Hosted-continuous-Python-code-metrics-–-Google-Chrome

Landscape 是一个针对 Python 代码库的早期预警系统,花费几分钟完成注册之后,你就可以有针对性地部署代码质量标准,开启监测。

Opbeat

000715-Opbeat-–-Google-Chrome

Opbeat 能够帮你准确定位各种性能问题,查看你的APP的性能与速度,了解有待优化的部分,定位是哪些代码拖慢了整体的效率。

DevFreeCasts

000716-DevFreeCasts-–-Google-Chrome

DevFreeCasts 为开发者提供了大量的免费截图。

Swiftype

000717-Swiftype-Site-search-and-enterprise-search-–-Google-Chrome

Swiftype 是一个为您的网站和业务提供专业化自定义搜索的服务,仅需几分钟就可以完成设置,你可以免费试用。

Peek

000718-Get-a-peek-into-the-mind-of-your-users.-_-Peek-by-UserTesting-–-Google-Chrome

如果你想一窥你的用户到底是怎么使用你的产品的,你可以使用Peek的服务,通过5分钟的视频观察真实的用户和你的网站或者APP进行交互的全部细节。

Keen.io

000719-Keen-IO-Analytics-for-Developers-–-Google-Chrome

Keen.io 是一组强大的API,允许你搜集、分析和整理任何互联网相关的事情,并且视觉化地呈现出来。

Loggly

000720-Log-Management-_-Cloud-Log-Management-Service-_-Loggly-–-Google-Chrome

Loggly 是一款基于云的日志管理和分析服务,目前他们为超过9000个客户提供专业的运营和分析服务。

Codacy

000721-Home-_-Codacy-–-Google-Chrome

Codacy 能够全自动地进行代码审查,帮你监控低阿妈质量。这一服务能够为Ruby、JS、PHP、Scala、Java、Python 等编程语言进行静态分析、代码覆盖和评定。

Searchcode

000722-searchcode-_-source-code-search-engine-–-Google-Chrome

这款工具能够帮你找到函数在真实世界中的案例,它的API和库覆盖了超过10多个不同来源和超过90种语言。

【Nick Babich 的用户体验设计经验之谈】

  1. 输入框设计:《讲真,你真的懂得文本输入框设计的那些潜规则么?》
  2. 表单设计:《抠细节!设计高效好用表单的10个技巧》
  3. 极简APP UI:《超赞!帮你打造极简风APP UI 的实用设计技巧》
  4. 前端开发:《有法可依!帮你衡量一个动效是否合格的六个核心因素》
  5. 面包屑:《并不简单!网页中为你指路的面包屑到底应当怎么使用?》
  6. 移动端页面:《跟着建议走!这样的移动端网站设计才对头》

原文地址:webdesigndev
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏 2

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏