在平常的搜索中，我碰到过很多有趣的信息，应用程序和文档，我把它们整理在下面这个列表。这是收藏的遇到的有用内容的一个伟大的方式，可以在你需要的时候方便查阅。相信你会在这个列表中发现对你很有用的资料。
一个伟大的指向和点击的小应用程序，让你加快速度掌握 css 语法的各个不同部分，学习各个属性的正确的名称。
一个简单的信息化布局，通过选择框的方式，可以让你在响应式，自适应，流动和静态布局中选择，所以你可以看到四大布局类型之间的区别。
学习和记忆 coffescript 语法的速查手册。
这是非常有趣的。这是 w3c 文档，它描述了3个 html 规范之间的“可感知的差异”： whatwg、w3c的 html5.0 和w3c的 html5.1 。可能是有点过于技术性，但你也许可以在这里找到一些有趣的新东西。
一个很好的全面的 html 和 xhtml 元素的单页图表，用来说明各个元素属于哪个规范。这看起来对做研究真是好，如果元素已过时或在 html5 中已过时。
一个很不错的3层的图表，帮助您了解 javascript 的 == 和===操作符。结论是应该使用===操作符，除非你完全明白==发生了转换。
一个有用的，但不是压倒性的参考，以帮助您检查过各种元素在你的项目中的可访问性。很多，这是非常简单的，除了做辅助验证已。
丰富的文档和教程，介绍正则表达式。它所宣称的55分钟或者更长的时间才能真正得到的东西，但绝对值得一试。
这是一个非常全面的，鲜为人知的 css 属性和功能的参考。按字母顺序排列，包括链接到规范页面。
这是一个简单的方法来查找一个 css 属性并快速查看可能的值。例如，如果你忘了什么样的价值观是可以接受的，如字体变形。除了值，最新的更新包括浏览器支持的每个属性的图表。
由微软的开发者卢克霍本整理的东西，ecmascript6 规范的概述。对于前端开发人员，这将是有益的，开始逐渐熟悉这个东西。
我经常很难找到在规范的引用的一些正确的地方。这是一个很好的简要，总结从 mozilla 获取的你需要知道的有关规范的链接。
史上最全的开发人员在线速查手册！这个网站收集了众多对开发人员非常有用的手册，记得分享和推荐一下哦。
一个 javascript 指南，旨在引领入门人员，并帮助有经验的人到 javascript 的最佳实践。
一个真正全方位一站式的地方寻找 html5 api 的信息。很容易使用3窗格视图导航“自动从 html5 规范文件生成” 。
一个广泛引用，以帮助您找到flexbox语法和刷上不太熟悉的东西。
一个应用程序，以帮助您创建自己的自定义 javascript 编码准则。您也可以看看别人和你分享与你的团队或其他合作者创建的自定义指南。
来源：51cto