20个为前端开发者准备的文档和指南

1.Keyboard Event Viewer(键盘事件可视器)

它是一个可配置的交互式的工具,可以让你观察键盘事件的数据,它可以像在UI事件说明书里显示离线的事件信息那样显示原始信息。

2. jQuery Quick API Reference(jQuery便捷API参考手册)

它是只有一页的jQuery功能表单，该表单涵盖了jQuery1.10版本到jQuery2.0版本。你只需要点击某个你想要了解的功能，它将会以窗口的模式从jQuery文档里打开该功能详细页面。

3. BugRex

好吧，它并不是真正意义上的“文档”，它更像是一个交互式的帮助指导，在这里你可以和某个高手交谈。正如该站点解释的那样:”BugRex聊天网站是由一群真正助人为乐的开发者所运营的。你可以用它来理解新的概念，提问题或者修改令人讨厌的bug。”

4. Global CSS Property Usage(全局CSS属性的用法)

如果你喜欢SitePoint最近关于CSS的调查，你或许会感谢这个数据，它是由Microsoft Edge团队编译的。他们每季扫描超过一百万的网页，然后编译关于CSS属性的有用统计数据。而且它也可以搜索!

5. Performance Tooling Today(现今使用工具的工具性能)

它是一个资源大全网站，可以帮助你提高你的工作流程，而且该网站可以链接到其它更好更快的网站上。资源的种类包括工具、文章、视频、幻灯片组、书籍、课程和性能审计。

6. Opera Mini Tips(Opera Mini浏览器忠告)

“它是前端开发功能的大全，但是没有获得Opera Mini浏览器的支持，仅是给他们提供了众包的解决办法。”

Opera Mini介绍的链接地址http://baike.sogou.com/v205242.htm?fromTitle=OperaMini

7. Touch Keyboard Type Cheat Sheet(触摸键盘类型参考手册)

Baymard协会组织编制了可用的电子商务搜索网站，它整理成了一份指南，用来鼓励开发者来优化触摸键盘的表单域。例如如何设置合适的类型以及什么时候使用像autocorrect,autocapitalize等等的属性。该站点页面上的表单可以在一个触摸设备上进行测试。

8. HTML5 Cheat Sheet(HTML5参考手册)

它的内容是HTML5标签和标签用法的一个既吸引人又简单的参考手册，该手册可以作为一个PDF文件或者PNG文件使用。

9. Diff of HTMLs(HTML对比)

“它是一个非正式的用来对比WHATWG HTML标准和W3C HTML5.1差异的查看器。该网站同时提供两个说明书中每一个部分的不同差异查看。”

10. CSS Support Guide for Email Clients (邮件客户端CSS支持指南)

“它完全是一个在全世界十个最流行的手机，网页和桌面邮件客户端的CSS支持的分类。”

11. Babel User Handbook(Babel编译器用户手册)

它是由James Kyle编写的一个综合性的指南，该指南内容涵盖了Babel，这个流行的JavaScript编译器;该指南涵盖了你需要知道的关于使用Babel编译器的一切知识内容和相关的工具。

12. The A11Y Project (A11Y 项目)

它不是一个新的项目，但是该网站最近重新设计了。它是一个”社区驱动的成果，目的是使得访问网站更加容易。”包括相关的使用方法、故事、测试、提示、辅助技术信息等等。

13. Flexbox playground(Flexbox测试场地)

一个交互式的flexbox CodePen的demo(示例)，他可以让你很方便地测试Flexbox的不同属性和属性值。

CodePen介绍的链接地址: http://blog.csdn.net/javascriptcoder/article/details/17839951

14. Hypertext Transfer Protocol Version 2 (HTTP/2)(超文本传输协议版本2(HTTP/2))

它是被推荐的HTTP/2的标准说明书。

15. JS Tips(JS贴士)

它是Joel Lovera的一个项目，该项目提供了JavaScript贴士的档案。这个项目最初打算是每天提供一个新的贴士信息，但是似乎没有坚持下去。尽管这样，可他仍然是查找快速提示的一个很好的资源。

16. LMHT

它是一个可以搜索过滤内容的HTML标签的参考手册,专门设计来帮助那些说西班牙语的开发者理解HTML术语,包括英语和西班牙语术语定义的音频。该手册似乎在内容上还有所欠缺,但是如果你有这个能力,你可以为它做一点贡献。

17. ES6 Overview in 350 Bullet Points(ES6 350个要点综述)

Nicolás Bevacqua在他的博客上写了很多关于ES6(也就是ES2015)的文章，本次他总述了所有他之前写作的ES6的文章，该综述可以作为查看ES6功能的一个快速入门手册。

18. Say Yes to HTTPS(搞定HTTPS)

它是一个既简单又实用的指南，可以帮助web开发者快速地了解HTTPS-包括它是什么，它是怎么工作的,和如何设置它。

19. Bigcommerce’s Sass Coding Guidelines(Bigcommerce网站的Sass编码指南)

它是Bigcommerce的Sass 样式指南,受到了SUIT CSS和Medium的CSS样式的影响。

SUIT CSS介绍的链接地址: http://www.w3cplus.com/css/css-layers.html

Medium介绍的链接址:http://baike.sogou.com/v106216186.htm?fromTitle=medium

20. WPO Stats(Web性能优化统计)

“它拥有案例学习和测试，演示了Web性能优化在用户体验和商业度量上的影响。