本文总结自 Quora 上的一个问答:What are the top 10 websites a web developer must see

读专业书、看教程视频、浏览技术博客、参加讲座分享……这些提高技能的途径各有优劣,相比较而言,博客或者说技术网站可以最快接触前沿技术、分享技术实践,所以,除了依赖谷歌反馈的词条,我们还可以主动收集一些优秀的技术站点,便于自己了解、参与和实践业界最活跃的技术。

  1. GitHub —— 当下最流行的版本管理工具,云集了世界上最优秀的开发者。在 GitHub 开源之风盛行,我喜欢在这里关注各类优秀项目,也喜欢在这里查找各种工具,比如需要某个 alfred 的插件,在这里搜一下也许就能找到,如果遇到了问题,和开发者反馈一下也不是什么难事。最近喜欢浏览 trending 和 follow 大神,便于了解业界动态,顺便细化下自己的技术栈。

  2. A List Apart—— 我想给这个网站定义几个头衔,比如顶级、前沿、经典、最具影响力之类等等。这个网站创办十八年了(from 1998),专注对前端方向的探索,每一篇文章都是深入思考的结晶。典型的文章就是《Responsive Web Design》,发表之后迅速启发了业界的开发思维,打开了响应式设计的大门。

  3. MDN —— Mozilla 开发者网络知识库,权威、全面的 WEB 文档,支持多种语言,示例丰富。

  4. Stack Overflow —— 活跃的技术问答社区。一般问题都有开发者问过了,如果找不到,换一换关键字,最后的方式才应该是提问。作为开发者,为了使用 Stack Overflow 也应该给自己准备一个翻墙工具,永远不要闭门造车般的解决问题。

  5. Can I Use —— 如果你有兼容性问题,先来这里看看浏览器的支持情况吧。

  6. CSS-Tricks —— 这里发表所有和 CSS 有关的技巧和教程,当然如果你想来这里找点黑科技,也是有的。

  7. Codrops —— 如果有一天我可以靠理想生活,那我肯定要先实践一番 Codrops 上的教程,这些教程的效果绝对出彩,这也是前端吸引我的魅力所在。

  8. CodePen —— 在线 WEB 开发工具。一方面我们可以在这里快速实践自己的灵感,另一方面当我们的调试遇到困境,在这里搭一个 DEMO 详细描述下问题,然后发给有经验的人,绝对是最佳的问答礼仪。

  9. Dribble —— 作为前端开发者,要求我们必须具备一定的审美水平,来 Dribble 看看吧,你会重新燃起创造力的激情,比如用 WEB 技术实践几个 Driible 的原型图,那一定帅得不行不行的。

  10. CSS Zen Garden(CSS 禅意花园)—— 现在网站的效果越来风格化,无论是简约还是拟物都十分精致,相比而言,来自上个年代的 CSS 禅意花园已经显得并不是很出彩了,但实际上其中还有很多重要的东西值得学习,建议各位读一读 CSS 禅意花园这本书,看一下作者对各个主题的分析,了解从设计立意到编码开发的诸多思考。

下面这些网站的内容大都涵盖了从 WEB 到设计、从图形到动效、从数据到运维的方方面面,是非常全面的技术站点:

  1. DZone —— Programming, Web Development, and DevOps news, tutorials and tools for beginners to experts. Hundreds of free publications, over 1M members, totally free.

  2. Smashing Magazine —— Smashing Magazine is an online magazine for professional Web designers and developers, with a focus on useful techniques, best practices and valuable resources.

  3. SitePoint —— Learn Web Design & Development with SitePoint tutorials, courses and books - HTML5, CSS3, JavaScript, PHP, mobile app development, Responsive Web Design.

  4. CodeProject —— Free source code and tutorials for Software developers and Architects.; Updated: 2 Jan 2016.