怎样才能成为优秀的前端开发工程师 很多刚入门的前端攻城师会有一个疑问：如何才能成为一名优秀的前端工程师呢？其实这个问题说大也大，说小也小，展开了说可以写一本书。当然我相信大部分人并不希望去读一本厚厚的书，大道至简，下面总结的几条方法或许能成为走向优秀前端的进阶之路。1. 多写。很多问题都是积累得来的。写了，遇到了，才能去真正理解解决方案，才会随着自己的不断成长而有进步。
Google 的 Web Starter Kit Web Starer Kit 是一个来自Google的构建响应式网站的模板。支持不同的设备，并且由gulp.js 构建，同时支持跨设备同步测试。如果你是一个Node 开发者，你应该会喜欢基于gulp.js的开发环境。通过在命令行中输入 gulp 可以构建和组织当前项目，而输入 gulp serve 将会运行一个服务器，同时也可以通过输入 gulp pagespeed 来使用Google 的 PageSpeed insights (一个网站分析工具)
功夫：HTML和CSS？ 这本书讲解了HTML和CSS可能会使你说什么他妈的原因，它例举了一系列通常令人沮丧的HTML和CSS困境，窘境甚至失策的地方。
HTML文件总是包含一个文档类型，我推荐HTML5的简单文档类型：
<!DOCTYPE html>
7件你不知道但可以用CSS做的事 不管你信不信，CSS和JavaScript开始重叠，就像CSS增加了更多功能一新。在我写“你可能不知道的CSS和JavaScript互相影响的5种方式”一文时，人们对于JavaScript和CSS是如何重叠的感到惊讶。今天，我将重点强调你能用CSS完成的7种工作——不需要通过JavaScript或图片。
我们抛弃了AngularJS：单页面应用的5大缺陷 我们认为下面5点让客户端的JS框架使用起来非常的痛苦。
1. 糟糕的搜索引擎优化和社交网站分享预览（Twitter/Facebook)
我为什么选择 D3.js 这不是一篇介绍D3的使用教程，而是只想说说我为什么选择使用D3，借以思考在面对新的技术的时候我该如何选择。
这段时间我在录制一门课程网页上的图表。录制课程前我调查了一下，应该用哪些工具/库来制作图表。可以确定的是，我要用svg来生成图表，而不是用html5中的canvas。开始采用的是Raphaël，一个用来创建和操作网页上矢量图形的javascript库。最开始偏向于使用Raphaël是因为之前看到的一个很漂亮的页面。在费了几天的时间，经过了很多挫折和参考资料没找到太多的情况下，做出了一个凑合的简单的图表。然后我退缩了，直到我发现了D3。
D3的缩写是Data Driven Documents，与Raphaël的关系：
相同点
都是用javascript写的针对矢量图的库
都可以对DOM节点进行操作，包括绘制，修改，添加动画效果以及图形的交互
