前端技术资讯网站

更新于 2017.03.15

---

欢迎来到前端的世界，让我们一起在活跃的前端社区中自由学习吧！

1. LiveEdu.tv: Master Technical Job Skills with Live Learning Platform - 跟着直播学编程
   
   

   Live Streaming Watch Premium Live Projects LiveEdu.tv.png

看别人实战编程，感觉可以学到好多东西，鸡冻！

2. HOW TO KEEP UP TO DATE ON FRONT-END TECHNOLOGIES - 如何跟上前端开发技术的最新前沿
   
   

   如何跟上前端开发技术的最新前沿 The Recipe

好资源，共勉！

3. Github
   
   

   Browse interesting projects, solving all types of interesting problems.

从实际项目中学习！

4. Stack Overflow
   
   

   Stack Overflow is a community of 4.7 million programmers, just like you, helping each other.

著名的编程问答社区。

5. MDN
   
   

   Mozilla 开发者网络（MDN）是一个完整的学习平台，你可以在这里深入学习网络技术以及能够驱动网络的软件。

对于我来说，在上面查询 Web 相关技术属性的时候，往往能够获取到最准确、及时的资料信息，并且常带有编写良好的可供使用的 Demo。

6. Smashing Magazine
   
   

   *With a commitment to quality content for the design community.* Founded by Vitaly Friedman and Sven Lennartz. 2006-2016. Made in Germany.

从《众妙之门》系列书籍注意到了这个网站，再加上“产自德国”（Made in Germany），这个标志着严谨的国家，使我对其产生了好感（当然，最主要的原因还是网站上生产了大量优秀且专业性强的技术文章，质量有保障）。

7. Sitepoint
   
   

   SitePoint provides cutting-edge content for web professionals — developers, designers, programmers, freelancers and site owners.

同样是因为其出版的相关书籍注意到了它，再加上平时查阅资料的时候常常能链接到其上面的相关博文，从而对这个网站的文章质量也产生了信任。

8. CSS-TRICKS
   
   

   CSS-Tricks launched July 4th, 2007. It used to be, believe it or not, primarily about CSS! Over the years, despite the hokey name, CSS-Tricks has come to become a site about all things web design and development.

如何活用CSS，以及了解CSS新特性。当然，这个网站早已不仅仅收集 CSS 相关技巧，Web 相关技术它都或多或少囊括了，并且文章注重技巧性，专注于解决单一问题，并且大多数贴出了代码片段，使用起来极其顺手且可靠。

9. Google Developers （谷歌中国开发者网站，面向中国用户）
   Google Developers （谷歌开发者网站，官网）
   
   

   Google Developers 谷歌中国开发者网站

谷歌巨头的编程实战经验非常值得我们学习，这里有很多开发资源，不局限于前端，尽情探索吧！

10. Codrops | Useful resources and inspiration for creative minds
    
    Codrops Useful resources and inspiration for creative minds

大力推荐该网站，多次在查看一些优秀 demo 的时候被传送到这里，定睛一看，发现是个好网站！很多文章都有具体的案例演示，可以好好学学如何实现一些巧妙精致的页面效果~