专栏首页互联网杂技20个为前端开发者准备的文档和指南

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

本文分享自微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-10-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

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

    1. Loupe 它是“一个小型可视化工具,可以帮助你理解JavaScript如何相互调用 stack(栈)/event loop(循环事件)/callback...

    前朝楚水
  • 干货:前端开发指南Front-End-Develop-Guide

    这份文件包含一系列用于面试审查求职者(候选人)的前端面试问题。这并不推荐把每个问题都问在同一个求职者(因为这会花几个小时的时间)。从列表中抽取一些问题能够帮助你...

    前朝楚水
  • CSS伪元素的妙用--单标签之美

    本文主要讲述一下 伪元素 before 和 after 各种妙用。 :before和::before的区别 在介绍具体用法之前,简单介绍下伪类和伪元素。伪类...

    前朝楚水
  • 【jquery基础】按钮禁用和启用

    在html标签中设置按钮被禁用,可以使用如下代码 <input type='button' id='test' value='disabled'> 在jqu...

    用户5640963
  • Web前端基础【2】--CSS基础

    CSS指层叠样式表,用来定义如何显示HTML元素,一般和HTML配合使用。CSS样式表的目的是为了解决内容与表现分离的问题:即使同一个HTML文档也能表现出外观...

    爱吃西瓜的番茄酱
  • 学习攻略 | 机器学习和深度学习技能树、面试宝典

    人工智能的浪潮正在席卷全球,这些得益于数据量的上涨、运算力的提升和机器学习新算法(深度学习)的出现。机器学习是一种实现人工智能的方法,深度学习是一种实现机器学习...

    小莹莹
  • 入门 | 将应用机器学习转化为求解搜索问题

    机器之心
  • 解开Python中self的四个秘密

    毫无疑问,几乎每一门Python课程都有一个关于(class)类的讲座——面向对象编程语言的基本构建模块之一。

    HuangWeiAI
  • 如果我不擅长数学,如何开始学习机器学习

    在“理解数学”之前他们不能在所从事学科中取得卓越的成就,这就是他们认为数学家比他们聪明的地方。

    和风
  • 网络安全黑暗森林法则:2015 ISC 深度回顾

    2015中国互联网安全大会(ISC)于9月29日至30日在北京国家会议中心举办。作为亚太地区信息安全领域最大规模、最专业的年度会议,此次展会吸引了2.5万人次现...

    逸鹏

扫码关注云+社区

领取腾讯云代金券