2019 年最受欢迎的前端开发内容链接

每一年我都会总结前端开发过去十二个月最受欢迎内容,无论是整洁的 CSS 技巧,前瞻的浏览器新闻,还是深度教程。今年亦同,于是考虑 2019 年前端世界最受欢迎的内容。

这些数据使用了 Frontend Focus 编写的列表,该邮箱订阅拥有超过 90,000 开发者阅读它。

下面来查看今年点击量最多的文章列表:

#2019 年前端重要内容:

前端开发者手册

2019 前端开发者手册(英文)

Cody Lindley 撰写的这份详尽指南总是很受欢迎,而今年似乎也是如此。该资源在 4 月进行了更新,其中包含有用的资源,学习资料和开发工具。它仍然是值得参考的。

the state of 2019

The State of CSS 2019

关于 'State of CSS' 的调查结果在六月份结束。它调查询问了超过 10,000 名开发人员关于 CSS 功能和他们最喜欢的工具。它依然值得挖掘,你将广泛了解人们在 CSS 实践中使用的内容。

Edge 浏览器

微软做出令人惊讶的决定,即在其 Edge 浏览器上与 Google 合作(英文)

今年浏览器领域最大的惊喜之一是微软决定改用 Chromium 作为 Edge 浏览器背后的引擎。这种“重大决定”的方式和原因背后的内在故事引起了广泛关注。这款新浏览器的首个“完整版本” 预计将于 2020 年初发布

密码 password

W3C 赞成 WebAuthn 作为无密码登陆的网页 Web 标准

早在 3 月,W3C 就分享了一条新闻,即 Web 身份验证 API(WebAuthn)已成为用于无密码登录的正式 Web 标准。从那时起,对以安全性为中心的标准的支持就不断增加,诸如 SafariFirefox 之类的浏览器以及 TwittereBay 之类的知名公司都增加了支持。

包含代码的电脑屏幕

10 个你不知道你需要的 HTML 元素(英文)

Emma Wedekind 快速探讨你可能还不了解但很有用的 HTML 元素。它们包括 <output>, <meter><progress> 等名称的标签。

前端开发的巨大鸿沟(英文)

这篇文章发布于 1 月,这篇有意思的文章由 Chris Coyier(来自 CSS-Tricks)分享了不同类型的前端开发人员之间日益扩大的鸿沟。它询问是否有前端开发人员之类的东西,或者我们是否都打算成为 UX 工程师或 JavaScript 开发人员?

2019 前端性能检查列表(英文)

这是另外一篇发表于 1 月的文章。该前端性能检查列表已经发布了好几年了,从 2016 年开始,并且已经用 2019 年的最新建议再次进行了更新(我想我们可能会在几周后看到 2020 年的更新)。它重点显示了您可能需要考虑的问题,以确保快速响应时间,流畅的用户交互以及你的站点不会浪费用户的带宽。也可以直接点击查看 PDF 格式

我喜欢的 CSS hack(英文)

* { border: 1px solid red } 是一种通过显示每个元素的边框调试 CSS 和 HTML 问题的戏法技巧。虽然 Gajus Kuizinas 的这一备受好评的技巧又采取了一些额外的步骤,却可以帮助你获得更好的概览,尤其是对于嵌套元素。

使用 Grid 还是 Flex(英文)

flexbox 使用率达到临界水平并且 grid 采用率大幅增长的一年中,Michelle Barker 提出了何时何地使用两种布局方法以及选择其中一种方法的一些理由。

CSS 还做不到的事(英文)

Rachel Andrew 分享了当前流行的 CSS 标准尚无法实现的常见布局模式,并回顾了即将在不久的将来实现它们的 CSS 规范。

异步加载 CSS 最简单的方式(英文)

该简单技巧说明怎样使用简短的 HTML 异步加载 CSS 文件的方式,并提高网页性能。

HTML5 的 input 类型(英文)

HTML5 引入了 13 种新的表单 input 类型,大大增加了我们可以添加到表单中的不同字段的数量。今年早些时候的这篇文章进行了检查,询问这些字段类型在 2019 年的状态如何。