20个对前端开发人员有用的文档和指南

是时候来更新一下我们需要选择的工具或技术了。请欣赏我们的文档和指南系列的第五部，别忘了让我们知道任何其他我们尚未列入该系列的其他文档或指南。

1.SitePoint Sass Reference（SASS参考）

SitePoint自己的一个项目，由SitePoint的常驻编辑Hugo Giraudel 和 Stu Robson建立的一个基于SASS的参考网站。

2.SVG viewBox and preserveAspectRatio Interactive Demo

这是一个与Sara Soueidan系列文章相关的交互页面。这些演示帮助读者可视化的理解SVG元素中的viewBox和preserveAspectRatio属性。值得注意的是，演示页面还提供了相关的Cheat Sheet。

3.CSS 2.1 Index List

这是我最近看到一个W3C的文档。它列出了所有的CSS属性，及属性对应特性的链接。某些情况下是链接到定义处，而有些则是链接到它的特性。

4.Popular Coding Convention on Github(在GitHub上流行的编码约定)

选择不同的语言，如JavaScript、Ruby、PHP，则页面就会显示对应语言在GitHub上流行的编码模式。

5.Dungeons and Developers

这不是一个互动的游戏，而是一个类RPG的开发人员需要掌握的技能树，链接到很多不同的地方来学习列出的技能。

6.JSON API

如果你的你的团队对JSON响应数据的格式化有分歧，那么JSON API将是你有效的反驳武器。通过遵循共同的约定，可以提高工作效率，利用广义工具，并专注于真正重要的事：应用程序。

7.jQuery UI Events Cheatsheet

8.Weightof.it

可以快速查看JavaScript库大小并可选择是否启用Gzip压缩的应用。这个应用程序还允许您添加不同的库到“堆栈”(比如添加到购物车)，这样你就可以查看库总大小。

9.JavaScript in one pic

这是一个非常好的所有JavaScript原生功能的可视化。不是学习语言最实用的方式，但是通过一点，你可能会发现进一步学习中可做的一些有趣的事情。

10.Understanding NPM

11.SVG on the Web

由 Jake Giltsoff 编写的SVG的概述，让你快速了解如何在网站中使用SVG，并给出了一些技巧来帮助你。

12.GreenSock Cheat Sheet

一个关于JavaScript强大的动画库–GreenSock的参考文档（PDF格式）。

13.JavaScript Graphing Library Comparison

一个非常简单的比较JavaScript图形、图表库的方法。

14.The Accessibility Cheatsheet

来自 Ire Aderinokun，这是一个Web内容可访问性指南（WCAG）的浓缩版，有实例支持。

15.AngularJS Style Guide

“这种风格指南的目的是为AngularJS应用程序提供一组最佳实践和风格指南。”

16.Default Browser Focus Outline Styles

使用截图的方式显示不同的表单元素在不同浏览器下的处理风格。

17.Flexbox in 5 Minutes

一个所有的flexbox规范中主要特点的互动之旅。包括演示，允许你在页面右边尝试各个特点。

18.Sass Functions Cheat Sheet

一个可搜索的Sass功能列表（颜色，透明度，数字，字符串，等等）参考资料。你可以下载一个双页彩色或黑白的PDF或者 LaTeX文件。

19.The State of Web Type

WEB支持的网络类型及排版功能的最新数据。

20.ES6 Katas

一个列出了学习ECMAScript 6各种小招式的网站。

英文原文：20+ Docs and Guides for Front-end Developers (No. 5)