是时候再次选择您想要使用的工具或技术。 如果您觉得自己一直在努力构建,但可能学习的内容不尽如人意,那我就回头了。
请享受我们的文档和指南系列的第六期,不要忘了让我们知道我们尚未在此或上一篇文章中包含的其他内容。
1. DevTools挑战者
一个交互式站点,演示如何使用Firefox Developer Edition中提供的与动画相关的新功能。
2. HTML和CSS工艺手册
一份很好的HTML / CSS样式指南,可帮助开发人员在受到NASA的“工作技能标准计划”的启发下编写“耐用,可靠”的代码。
3. ECMAScript 6备忘单
我认为我们没有太多的ES6学习资源,所以这是另外一个资源。 ES6是JavaScript历史上的一大进步,本参考将为您“提供有关ECMAScript标准最新版本的所有信息”。
4.反应备忘单
React正式是“当前的大事”,因此此快速参考应该会有所帮助。 该页面可以使用顶部的搜索表单进行过滤,并且每个功能均包含指向官方文档的链接。
5.六速
该图表显示了与各种ES6基线操作相关的不同ES6功能的性能报告信息,这些基线由各种编译器(Babel,Traceur等)呈现。
6.美国网页设计标准
“开源UI组件和视觉样式指南可在整个美国联邦政府网站上创建一致性和优美的用户体验。”
7. ECMAScript 6 —新功能:概述和比较
另一个不错的ES6学习资源。 该功能的真正优点在于,每个功能都有两个代码示例,包括在ES5中如何完成相同的操作。
8.交互式WCAG 2.0
各种UI元素的Web内容可访问性指南列表,可以按WCAG级别,职责(前端,设计,UX等)进行过滤。 它还包括来自W3C和WebAIM的建议。
9. Mac OS X开发人员设置参考
“设置新的开发人员机器可能是临时的,手动的且耗时的过程。 [此参考资料]旨在通过易于理解的说明和点文件/脚本来简化多个不同任务的设置,从而简化流程。
10. Kinetic Email CSS支持
下表列出了交互式和动态CSS技术常用的主要HTML和CSS功能及其在主要电子邮件客户端中的支持。
11. HTMLBook
由O'Reilly Media发起的非官方规范,用于概述基于XHTML5的创作和生产数字和印刷书籍的标准。 Lea Verou的书CSS Secrets是使用此标准编写的。
12.ECMAScript®2016语言规范
官方ECMAScript规范(现已在GitHub上进行了编辑)以单页,易于使用的HTML格式提供,带有过滤器选项。
13. DNS如何工作
“关于DNS如何工作的有趣有趣的解释……我们制作了这幅漫画来解释当您在浏览器中键入网站地址时会发生什么。”
14. StaticGen
可过滤的“顶级开源静态站点生成器的排行榜”。 让您按语言,GitHub星号,分支和未解决问题进行过滤。
15.请问…?
粘贴一些CSS或网站URL,此站点将告诉您CSS兼容/不兼容的浏览器。 您可以使用Autoprefixer允许的列表关键字进行常规搜索或过滤。
16.字体家庭聚会
几乎所有操作系统上的默认本地字体的可过滤兼容性图表。 该表通知您字体是否受支持,别名或将恢复为操作系统的默认字体。
17.Perf.Rocks
用于查找有关Web性能的文章,工具,视频,演讲,幻灯片和书籍的单一资源。 它维护得很好,您可以贡献自己的力量。
18.网站样式指南资源
几年来,样式指南一直是一件大事。 这是一个单独的资源,其中包含有关样式指南主题的工具,文章,书籍,播客,以及更多内容。
19. package.json
“这是一个交互式指南,用于探索node.js应用程序的package.json打包格式的各种重要属性。 您可以通过鼠标悬停或单击属性名称来访问有关属性的信息。”
20.无极食谱
在JavaScript中使用Promises的简要介绍。
荣誉奖…
推荐你的
以下是本系列的先前文章:
- 20个面向前端开发人员的文档和指南(第1号)
- 20个面向前端开发人员的文档和指南(第2号)
- 20个面向前端开发人员的文档和指南(第3号)
- 20个面向前端开发人员的文档和指南(第4号)
- 20个面向前端开发人员的文档和指南(第5号)
如果您已经为前端开发人员构建或了解其他学习资源,请将其放在评论中,我将在以后的文章中考虑。
From: https://www.sitepoint.com/20-docs-guides-front-end-developers-6/