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

是时候来更新一下我们需要采用的工具或技术了。请欣赏我们的文档和指南体系的第五部,别忘了让我们清楚其他另外大家并未列入该体系的此外文档或指南。

1.SitePoint Sass
Reference
(SASS参考)

SitePoint自己的一个类型,由SitePoint的常驻编辑雨果 Giraudel 和 Stu
罗布son建立的一个依据SASS的参阅网站。

2.SVG viewBox and preserveAspectRatio Interactive
Demo

这是一个与SaraSoueidan体系小说相关的竞相页面。那一个演示帮助读者可视化的驾驭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强大的卡通库–格林(Green)Sock的参阅文档(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)

相关文章