面向对象的前端开发_20多种面向前端开发者的文档和指南(第5号)

面向对象的前端开发

是时候再次选择我们想要使用的工具或技术。 如果您觉得自己一直在努力构建,但可能学习的内容不尽如人意,那么我会为您提供帮助。

请享受我们的文档和指南系列的第五期,不要忘了让我们知道我们尚未在此或上一篇文章中包含的其他内容。

1. SitePoint Sass参考

SitePoint属于自己的项目,它是由我们的驻地专家Hugo Giraudel和SitePoint的Sass编辑器Stu Robson构建的基于Sass的参考站点。

SitePoint Sass参考

2. SVG viewBox和preserveAspectRatio交互式演示

这是一个交互式页面,以及Sara Soueidan的相关文章系列。 该演示可帮助读者形象化与viewBox相关的一些概念,并在SVG元素上使用preserveAspectRatio属性。 还值得注意的是,演示页面具有关联的备忘单。

SVG viewBox和preserveAspectRatio交互式演示

3. CSS 2.1索引列表

这是我最近遇到的W3C文档。 这是一个几乎每个CSS术语的庞大列表,其中包含每个术语或功能的链接。 在某些情况下,链接是指向规范中某个地方的简单定义,而在其他情况下,则是指向该功能在规范中的位置的链接。

CSS 2.1索引列表

从包括JavaScript,Ruby和PHP在内的不同语言中进行选择,然后此页面将向您显示基于图表的数据,以指示某些编码模式在GitHub托管项目中的流行程度。

关于Github的流行编码公约

5.地下城与开发商

这不是交互式游戏,而是Web开发技能的类似于RPG的人才树表示,带有指向各个地方的链接,以学习列出的不同技能。

地下城与开发商

6. JSON API

“如果您曾与您的团队就JSON响应的格式化方式进行过辩论,那么JSON API是您的反骑手武器。 通过遵循共享约定,您可以提高生产率,利用通用工具并专注于重要的事情:您的应用程序。”

JSON API

7. jQuery UI事件备忘单

一张图表,指定哪些jQuery事件适用于台式机,移动设备以及鼠标和键盘。

jQuery UI事件作弊

8. Weightof.it

一个快速参考应用程序,用于按重量查看和比较JavaScript库,并带有一个选项,可以查看是否压缩大小。 该应用程序还允许您将不同的库添加到“堆栈”中(例如添加到购物车中),以便查看库的总重量。

重量

9.一幅图片中JavaScript

这是JavaScript所有本机功能的非常出色的可视化。 这并不是最实用的语言学习方法,但是通过扫描,您可能会发现一些有趣的东西,可以做进一步的研究。

免费学习PHP!

全面介绍PHP和MySQL,从而实现服务器端编程的飞跃。

原价$ 11.95 您的完全免费

一幅图片中JavaScript

10.了解NPM

“自创建以来,npm的作用已经扩展,可以满足JavaScript和Node.js开发人员社区的更广泛的需求,其中包括前端Web应用程序,移动应用程序和其他JavaScript开发工具和框架的管理[…]旨在帮助您了解npm的作用和范围。”

了解NPM

11. Web上的SVG

Jake Giltsoff的SVG概述,使您快速掌握如何在网站上使用SVG,并提供了一些提示和技巧来帮助您。

Web上的SVG

12. GreenSock备忘单

使用功能强大JavaScript动画库GreenSock的PDF格式快速参考。

GreenSock备忘单

13. JavaScript图形库比较

比较JavaScript图形/图表库的简单方法。 只需将鼠标悬停在磁贴上,您将获得有关受支持的图表类型,价格和依赖关系的信息。 您还可以选择按类别(图表类型,价格,选项和依赖项)过滤库。

JavaScript图形库比较

14.可访问性备忘单

来自Ire Aderinokun,这是Web内容可访问性指南(WCAG)的精简版本,并附有一些实际示例。

辅助功能备忘单

15. AngularJS样式指南

“此样式指南的目标是为一个AngularJS应用程序提供一组最佳实践和样式指南。”

AngularJS样式指南

16.默认的浏览器焦点轮廓样式

该表使用屏幕快照显示不同浏览器在不同情况下如何处理各种表单元素上的焦点样式。

默认浏览器焦点轮廓样式

17. 5分钟内的Flexbox

新Flexbox规范的所有主要功能的交互式浏览。 包括演示,并允许您直接使用页面上的功能。

5分钟内的Flexbox

18. Sass函数备忘单

可搜索的Sass函数列表(颜色,不透明度,数字,字符串等),方便使用。 您可以下载2页彩色或黑白PDF或LaTeX文档。

Sass功能备忘单

19.网络类型的状态

“有关网络上的字体和印刷功能支持的最新数据。”

网络类型的状态

20. ES6 Katas

“一个简单的网站,列出了用于学习ECMAScript 6的各种选项(小任务)。 每个kata都链接到tddbin并在其中加载相应的源代码。 您所要做的就是修复失败的测试。 这样一来,您应该一次使用和学习ES6一个小的任务和功能。”

ES6卡塔斯

荣誉奖…

还有吗?

以下是本系列中的先前文章:

如果您已经为前端开发人员构建或了解其他学习资源,请将其放在评论中,我将在以后的文章中考虑。

翻译自: https://www.sitepoint.com/20-docs-guides-front-end-developers-5/

面向对象的前端开发

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值