是时候来更新一下我们必要选用的工具或技术了,请欣赏大家的文档和指南连串的第五部

是时候来更新一下大家要求接纳的工具或技术了。请欣赏大家的文档和指南连串的第五部,别忘了让我们领略其余其余大家从不列入该系列的其他文档或指南。

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

原稿地址:http://9iphp.com/

1.SitePoint Sass
Reference
(SASS参考)

图片 1

SitePoint自己的一个类型,由SitePoint的常驻编辑Hugo Giraudel 和 Stu
罗布(Rob)son建立的一个根据SASS的参考网站。

20-Guides-for-Front-end-Developers

2.SVG viewBox and preserveAspectRatio Interactive
Demo

是时候来更新一下我们必要接纳的工具或技术了。请欣赏大家的文档和指南种类的第五部,别忘了让我们知道其他其余咱们尚无列入该体系的任何文档或指南。

这是一个与萨拉(Sara)Soueidan种类小说相关的交互页面。这么些演示辅助读者可视化的了解SVG元素中的viewBox和preserveAspectRatio属性。值得注意的是,演示页面还提供了相关的Cheat
Sheet。

1.SitePoint Sass Reference(SASS参考)

SitePoint自己的一个档次,由SitePoint的常驻编辑雨果 Giraudel 和 Stu
罗布son建立的一个根据SASS的参照网站。

图片 2

3.CSS 2.1 Index
List

2.SVG viewBox and preserveAspectRatio Interactive Demo

那是一个与萨拉Soueidan体系小说相关的并行页面。这一个演示援救读者可视化的敞亮SVG元素中的viewBox和preserveAspectRatio属性。值得注意的是,演示页面还提供了有关的Cheat
Sheet。

图片 3

那是自个儿近日看看一个W3C的文档。它列出了所有的CSS属性,及性能对应特性的链接。某些情状下是链接到定义处,而略带则是链接到它的特性。

3.CSS 2.1 Index List

那是自家近年看看一个W3C的文档。它列出了颇具的CSS属性,及性能对应特性的链接。某些景况下是链接到定义处,而有些则是链接到它的特性。

图片 4

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

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

分选分裂的言语,如JavaScript、Ruby、PHP,则页面就会来得对应语言在GitHub上风行的编码情势。

图片 5

选拔分歧的语言,如JavaScript、Ruby、PHP,则页面就会显得对应语言在GitHub上流行的编码方式。

5.Dungeons and Developers

那不是一个互相的娱乐,而是一个类RPG的开发人士必要控制的技艺树,链接到很多不等的地点来学习列出的技术。

图片 6

5.Dungeons and
Developers

6.JSON API

假诺你的您的集体对JSON响应数据的格式化有分裂,那么JSON
API将是你有效的反驳武器。通过遵从共同的预约,可以增加工作功用,利用广义工具,并注意于真正关键的事:应用程序。

图片 7

那不是一个互相的游玩,而是一个类RPG的开发人士需求控制的技艺树,链接到很多例外的地点来学习列出的技术。

7.jQuery UI Events Cheatsheet

图片 8

6.JSON API

8.Weightof.it

可以长足查看JavaScript库大小并可挑选是否启用Gzip压缩的运用。那么些应用程序还允许你添加不一致的库到“堆栈”(比如添加到购物车),那样您就足以查看库总大小。

图片 9

若果你的你的团协会对JSON响应数据的格式化有争辨,那么JSON
API将是你有效的反驳武器。通过遵守共同的约定,可以加强工作功效,利用广义工具,并留意于真正关键的事:应用程序。

9.JavaScript in one pic

那是一个要命好的有着JavaScript原生作用的可视化。不是读书语言最实用的章程,不过透过某些,你恐怕会意识越来越学习中可做的部分有意思的事务。

图片 10

7.jQuery UI Events
Cheatsheet

10.Understanding NPM

图片 11

8.Weightof.it

11.SVG on the Web

由 Jake Giltsoff
编写的SVG的概述,让你飞速明白什么在网站中行使SVG,并交由了部分技巧来辅助你。

图片 12

能够很快查看JavaScript库大小并可挑选是否启用Gzip压缩的选用。那些应用程序还允许你添加不相同的库到“堆栈”(比如添加到购物车),那样你就可以查看库总大小。

12.GreenSock Cheat Sheet

一个有关JavaScript强大的动画库–格林(Green)Sock的参阅文档(PDF格式)。

图片 13

9.JavaScript in one
pic

13.JavaScript Graphing Library Comparison

一个非常不难的相比JavaScript图形、图表库的艺术。

图片 14

那是一个那么些好的具有JavaScript原生作用的可视化。不是读书语言最实用的点子,但是经过某些,你或许会意识更是深造中可做的一对妙趣横生的事体。

14.The Accessibility Cheatsheet

来源 Ire
Aderinokun,那是一个Web内容可访问性指南(WCAG)的浓缩版,有实例支持。

图片 15

10.Understanding
NPM

15.AngularJS Style Guide

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

图片 16

11.SVG on the Web

16.Default Browser Focus Outline Styles

利用截图的措施浮现不一致的表单元素在不一样浏览器下的拍卖风格。

图片 17

由 Jake Giltsoff
编写的SVG的概述,让你快捷通晓怎么在网站中应用SVG,并交付了一些技巧来赞助你。

17.Flexbox in 5 Minutes

一个颇具的flexbox规范中驷马难追特征的互相之旅。包蕴演示,允许你在页面右边尝试种种特点。

图片 18

12.GreenSock Cheat
Sheet

18.Sass Functions Cheat Sheet

一个可死板地宣读的Sass功用列表(颜色,透明度,数字,字符串,等等)参考资料。你可以下载一个双页彩色或是非的PDF或者
LaTeX文件。

图片 19

一个关于JavaScript强大的卡通库–格林Sock的参考文档(PDF格式)。

19.The State of Web Type

WEB支持的网络项目及排版成效的流行数据。

图片 20

13.JavaScript Graphing Library
Comparison

20.ES6 Katas

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

图片 21

一个非常不难的比较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)

相关文章