kaikeba

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

本文由码农网 – 唐李川原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划

在近几个月,我收集了很多不同的学习资源,有学习指南,学习文档和其它有用的站点,它们可以帮助你学习不同的前端技术。在本帖中我列出了最好的。

因此请尽情欣赏我们的学习文档和学习指南系列的第八个部分,并且在欣赏完了以后不要忘了在评论区让我们知道我们还没有收集到的学习文档或者指南等资源。

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性能优化在用户体验和商业度量上的影响。”

之前的七个帖子回顾:

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

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

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

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

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

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

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

译文链接:http://www.codeceo.com/article/20-docs-guides-for-web-dev-8.html
英文原文:20+ Docs and Guides for Front-end Developers (No. 8)
翻译作者:码农网 – 唐李川
转载必须在正文中标注并保留原文链接、译文链接和译者等信息。]

发表我的评论

取消评论
表情 插代码

Hi,您需要填写昵称和邮箱!

  • 必填项
  • 必填项

网友评论1

  1. 谢谢

    晓草2016-09-05 09:30 回复