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)

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web编程技术分享

【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第一节)

56480
来自专栏互联网杂技

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

1.I want to use 基于的数据和功能都在Can I use网站上列出来了,这个app可以给你选择很多前端开发功能的能力和获得全世界用户看到你选择的功...

349100
来自专栏极乐技术社区

【微信小程序】从入门到放弃

前言 关于微信小程序是什么,能做什么的问题,草民在此不在罗列了,随着小程序的天天刷屏,想必您也是来吃一些干货,本篇博文和大家走进微信小程序的从入门到放弃~ 微信...

50770
来自专栏刘望舒

Android目前最稳定和高效的UI适配方案

Android系统发布十多年以来,关于Android的UI的适配一直是开发环节中最重要的问题,但是我看到还是有很多小伙伴对Android适配方案不了解。刚好,近...

22720
来自专栏代码GG之家

android 游戏移植 (一) (文末有福利) | SDL 西游释厄传调试

游戏效果(不是真实画质) 有没有被惊艳到?你的内心肯定会说,我靠,画质这么渣,画面却如此熟悉。对的,就是如此渣渣的画面,却伴随了我们的童年快乐。 下面我们就详细...

29060
来自专栏程序员宝库

刚开始学编程?这几款小工具能让你事半功倍

23170
来自专栏李成熙heyli

腾讯新闻React同构直出优化实践

按照经验来说,直出,能够减少20% - 50%不等的首屏时间,因此尽管增加一定维护成本,前端们还是前赴后继地在搞直出。

67750
来自专栏KK的小酒馆

几个作品

3.拥有置于前台的服务,实现Notification的播放、暂停按钮与其他界面同步。

10830
来自专栏IT派

七天速成小程序——喜马拉雅

很多新手都喜欢一个人完成项目,从项目的规划、搭建,到实施、debug、验收,一整套流程都是自己纯手完成,当然,对于提高自己的整体开发能力和自适应能力很有帮助。o...

12320
来自专栏DeveWork

微信内置浏览器 长按识别二维码 功能的两三个坑与解决方案

这篇文章是上一篇文章的延伸与总结,做的一个微信游戏宣传页上要调用长按识别二维码的功能,做的过程中遇到了两个坑,后来在组里分享会上分享了入坑经历,然后再度发现一个...

5K50

扫码关注云+社区

领取腾讯云代金券