前端聚焦周刊：第 416 期

这里是 Frontend Focus 的中文翻译项目，每周在 Oh My RSS 平台首发。

如有翻译错误或国外优质文章推荐，欢迎提交 issue。

原文：Frontend Focus issue 416

翻译及校对：richshaw2015，Yully Che

🚀 刊首

1、我们在 CSS 中还做不到的事

了解一下通过现阶段普遍被支持的 CSS 标准还不能实现的通用布局模型，以及即将到来的针对性的新标准。

Rachel Andrew

2、新的 Microsoft Edge 所需的适配

Microsoft Edge Beta 79版本已经发布。这是在明年年初稳定版发布前的最后一个测试版。这篇是你需要知道的准备工作。（它不仅有全新的 LOGO，而且底层有更多变化）

Kyle Pflug and John Jansen (Microsoft)

3、用于设置下划线样式的新 CSS 属性

Jen Simmons 演示了一些新的属性，包括 text-decoration-thickness 和 text-underline-offset。不过这些属性目前的支持度有限。

Mozilla Developer

4、ScrollToTextFragment：在 URL 中指定跳转至文本片段的提议

建议在 URL 中指定一个文本片段，当浏览器访问时，会滚动至第一个匹配到的值，并显示在视窗里。

Web Incubator CG

5、不支持 IE 的一个商业案例

仍然支持 IE11吗？Ollie Williams 列举了 IE 和其他主流浏览器的巨大差异，以及适配成本估算。从财务角度讲，放弃对它的支持可能是更明智的决策。

CSS-Tricks

📙 文章、教程、观点

1、微软重新设计了 Edge 的 Logo

新版本的 Edge 将抛弃旧版本的蓝色 “E” 字形的 Logo 并进行重新设计，新 Logo 我猜测是要表达“网上冲浪”的意思。你觉得怎么样呢

Tom Warren

2、静态表单的方案比较

这篇对 HTML 静态表单的不同服务商方案进行了比较。

Silvestar Bistrović

3、AirPods Pro 的页面性能

苹果上周推出了最新的 AirPods 后, 我们 Twitter 中的一员很快就指出其页面相当臃肿, 发出了大量的请求。这篇是详细的问题及说明。

Holger Bartel

4、构建适合长者的上网环境

有相当一部分网民是50岁以上的长者（包括互联网的发明者），本篇是开发人员需要考虑的一些与长者有关的问题。

Barry Rueger

5、Material Design 之文本的进化历程

了解 Google 的文本设计是如何一步步进化的，总体是朝着更加传统的表单设计方式。

Susanna Zaraysky

6、这些特征使你的站点看起来更像鬼屋，而不是受欢迎的家

来看看反面的网站设计特征，不可否认，我对这些古怪的例子很有兴趣！

Suzanne Scacca

7、给字母“i”上的点设置动效

一种结合了土耳其语字母“ı”和句点的简单技巧。

Ali Churcher

8、微软表示他们全新的 Edge 浏览器（基于 Chromium）即将登陆 Linux 平台

Liam Dawe

9、Firefox将不再支持 Sideloaded 扩展

Mozilla

10、色彩对比可用性的误区

UX Movement

🔧 代码、工具、资源

1、纯 CSS 实现的油画效果

来自 Diana Smith 的另一幅纯 CSS 绘制的高清油画。在 Chrome 中观看效果最佳，其他浏览器可能表现不太一样。

Diana Smith

2、Recursive Sans & Mono 字体

又一个使用可变字体技术的高度定制化字体。它可以通过谷歌字体在线引用，也可以从代码仓库获得更新。

Arrow Type

3、编写浏览器扩展的工具套件

该套件编写的扩展（通过 Web Extensions API），可以实现“一次编写，到处运行”。

Abhijith Vijayan

4、vue-interactive-paycard: 交互友好的信用卡表单组件

实在是太流畅了，点击查看实时代码演示。

Muhammed Erdem

💻 招聘

译者注：如需了解，请查看原文。

🗓 未来大事记