面向对象的前端开发_20个面向前端开发人员的文档和指南(第4号)

面向对象的前端开发

是时候再次开始学习! 好吧,在这个行业中,我总是想那个时间。 这是我撰写的此类文章中的第四篇,这可能是迄今为止最好的一篇。

最近几个月,我偶然发现并收集了许多不同的指南和学习资源,这是最新一期。

请享用!

1.放大镜

这是“一些可视化功能,可帮助您了解JavaScript的调用堆栈/事件循环/回调队列如何相互影响。” 它是交互式的,允许您包含自己的自定义代码,然后执行它,并且还提供有关同一主题的视频演示。

放大镜

2.急救工具

“最常见的Git问题的可搜索集合。” 这对于使用Git具有中等或中等以下技能的人来说非常有用。 当前有38个单独的主题,可以通过页面搜索过滤器找到。

急救吉特

3. ARIA 1.0角色属性的 周期表

这是两个单独的页面(我想使该列表增加到21个),记录了有关ARIA角色和属性的详细信息。

ARIA 1.0角色周期表

只需单击角色或属性,覆盖层就会显示该功能的规格信息。

ARIA 1.0属性的周期表

4.服务人员准备好了吗?

Service Workers规范是一个很有前途的(没有双关语!)新标准,由于缺乏浏览器支持并且仍在不断变化中,因此尚未准备就绪。 这个小信息网站描述了规范的功能以及它们在不同浏览器中的度量方式。

服务工人准备好了吗?

5.浏览器支持损坏/丢失的图像

这可能是我们大多数时间都理所当然的事情。 这是Bart Veneman的基于CodePen的文档,准确概述了不同浏览器/操作系统如何处理损坏的图像(带有占位符,alt文本,边框等)。

浏览器对图像损坏/丢失的支持

6. 2014年回应报告

这是Gridset员工进行的年度响应调查。 这项调查的1000多名参与者提供了有关他们在RWD工作流程中面临的挑战(与客户,测试等相关)的信息。 该调查还研究了RWD中使用的乐观情绪(或缺乏乐观情绪),趋势和工具。

2014年回应报告

7.版式备忘单

“使用正确的印刷字符的全面指南,包括正确的语法用法。” 也可作为一页PDF提供,其中包括键盘快捷键,可为Mac和Windows生成不同的字符,这很方便。

版式备忘单

8. ARIA示例

免费学习PHP!

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

原价$ 11.95 您的完全免费

可访问性专家Heydon Pickering对HTML示例的出色汇编,展示了各种ARIA功能的不同用例。 9个不同示例的演示和代码。 对于任何希望进入高级ARIA实施的人来说,这都是一个很好的起点。

ARIA范例

9. ES5移动兼容性表

就compat表而言,这有些不同,并且更加具体。 本文介绍了ES5中引入的所有JavaScript功能以及它们如何在不同的移动浏览器中进行度量。

ES5移动兼容性表

10. iOS字体

“每种字体。 每个iOS版本。” 说到真正的特定性和移动性,这是一个可过滤的列表,列出了iOS设备(包括Apple Watch)上可用的字体。

iOS字体

11. CSS筛选器游乐场

一个简单的界面,可以处理过滤器规范的各个部分。 也很有用,因为您可以选择自定义网址,甚至可以通过iframe或视频进行尝试。

CSS筛选器游乐场

12. Git备忘单

用于Git命令的交互式,可单击的备忘单。 不同的部分也具有深层链接,这对于共享是一个不错的奖励。

Git备忘单

13.键码

一个快速访问的小信息网站,可获取用于HTML,CSS或JavaScript的键盘按键,Unicode字符和URL编码字符的代码。

键码

14.正则表达式101

一个做得很好的小应用程序,可帮助您测试和学习正则表达式。 我喜欢它显示“解释”和“匹配信息”的方式,它使您可以选择3种不同的正则表达式。

正则表达式101

15. CIUM

这是一个移动应用程序,“为HTML5,CSS3,JS API,SVG和其他即将推出的网络技术的功能提供了兼容性表。” 我假设该名称应该是“我可以使用移动设备”上的名称,但他们似乎并没有使用确切的词组,可能是为了避免版权问题,但是我不确定。

铜

16. DevTools片段

“在浏览器devtools中使用的有用片段的集合。” 看起来大约有20个,您可以贡献自己的一份力量。

DevTools片段

17. Codrops CSS参考

万一您错过了它,Codrops在Sara Soueidan的帮助下制作了他们自己的非常好的设计和全面CSS参考。

Codrops CSS参考

18.屏幕尺寸

包含屏幕尺寸的大量移动设备和笔记本电脑列表。 这些设备甚至链接到其在Amazon上的产品页面。

屏幕尺寸

19.前端准则

一位开发人员针对HTML / CSS / JavaScript各个方面的代码样式的技巧。 这里有很多好的技巧。

前端准则

20. CSS标尺

一个简单的交互式小工具,可帮助您了解CSS处理相对和绝对字体大小的不同方式。

CSS标尺

推荐你的

如果您对学习资源有其他建议,请在评论中保留。 同时,当您读完这篇文章时,如果您错过了以下内容,则可以查看以前的内容:

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

面向对象的前端开发

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值