第一个来自于我们的个人感受，而第二个则是纯粹的必要性了。所以本文整理一些有用的信息，希望可以帮助相关领域的前端开发人员。

Javascript正则表达式的可视化工具，在线输入表达式后，动态生成表达式图片。非常不错的一个可视化Web在线正则表达式设计工具。

nerror="javascript:errorimg.call(this);">

这个页面展示了新的HTML 5视频元素、媒体API和媒体事件。播放、暂停、搜索整个视频、改变音量、静音、改变播放速度（包括进入负值），查看视频和潜在事件与属性上的效果。

nerror="javascript:errorimg.call(this);">

意思为“Reasonable Standard for CSS Stylesheet Structure（CSS样式表结构合理的标准）”，记录一些针对大项目的Sass/CSS编写技巧和技术。

nerror="javascript:errorimg.call(this);">

Hugo Giraudel写的Sass Guidelines目前已经被翻译成其他六种语言。

nerror="javascript:errorimg.call(this);">

没什么深入的东西，只是一些简单的事情提示，所有的前端开发者应该考虑将其结合到开发过程和工作流中。

nerror="javascript:errorimg.call(this);">

来自开发者Chris Wright对Flexbox深入、实际看法。

nerror="javascript:errorimg.call(this);">

一个全面推广和培养BEM CSS使用方法的网站。

nerror="javascript:errorimg.call(this);">

一个整洁、逻辑、易使用的指南规范，在不同的HTML元素上获得信息。

nerror="javascript:errorimg.call(this);">

在Google Web基础文档中有很多有用的信息，而Animations对前端开发者尤为突出。

nerror="javascript:errorimg.call(this);">

20. Dash

Dash是一个API文档浏览器和代码片段管理者。（编译：陈明）

nerror="javascript:errorimg.call(this);">