See You Again

前端聚焦周刊:第 423 期

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

原文:Frontend Focus issue 423

翻译及校对:richshaw2015Yully Che

🚀 刊首

微软基于 Chromium 的浏览器来了

新版本的 Edge 已经不是预览版了,这里下载。 开发者文档可以在这里找到。(那么它的昵称应该是 Edgium 还是 Credge 呢 😅)

来源:Kyle Pflug (Microsoft)

Google 将淘汰 Chrome 中的 User agent

从开始以来,User agent 几乎一直是 Web 的一部分, 但是人们正在逐渐弱化其地位。Chrome 计划转为使用 Client Hints,苹果、微软和火狐也表示有兴趣冻结或逐步淘汰它。

来源:Catalin Cimpanu

Chrome 正在试验 Web NFC 的实施

Web NFC 旨在为站点提供一种读写附近 NFC 标签的方法。Google 正在试验支持这个 API,并期望在 84 版本发布。你可以先看看相关的标准,或者试试其 演示

来源:François Beaufort

Web 正文文字大小简史

这篇介绍了这些年来默认文本大小发生的有趣变化,为什么我们会默认使用16px,以及现代可变大小解决方案。

来源:Florens Verschelde

开始为 Edge 开发插件

你可能在考虑开发 Edge 的插件,好消息是大多数为 Chrome 构建的插件都可以运行,而无需进行任何修改。

来源:Killian McCoy

这家搜索巨头为其预期的更改设定了较长的宽限期,并要求在线广告行业帮助其建立更多以隐私为中心的 Cookie 替代方案。
此处是 Google 的博客

来源:Digiday

📙 文章、教程、观点

为什么应该使用 <article> 而不是 <section>

<article> 不仅是报纸或者博客的文章,也可以是一件衣服的介绍——任何可以在上下文重复使用的独立实体。”

这对于使用读屏工具等辅助技术的用户具有关键意义。

来源:Bruce Lawson

CSS4 来了

当然没有了!但是 PPK 觉得这是吸引新用户的一个很好的营销手段。

来源:Peter-Paul Koch

文本链接在读屏软件上的最佳实践

比如 aria-labeltitle 属性的优化支持,很值得弄一下。

来源:Sailesh Panchang

Web Share API 基础示例

Web Share API 支持在页面上进行本机共享(通过其他应用程序或社交网络)。

来源:Dillion Megida

独立浏览器的终结:无法参与的竞争

作者认为一些内容运营商(例如 Netflix、HBO)提出的标准及许可限制了独立浏览器的开发。

来源:Samuel Maddock

CSS 中的像素与相对单位:为什么这点很重要

来源:Kathleen McMahon

为什么你应该在 CSS 中使用 HSL 表示色彩?

来源:Mateusz Piguła

构建弹性前端架构

来源:Monica Lent

纯 CSS 的轮播效果

看看使用纯 HTML 和 CSS 开发轮播图或幻灯片能达到的效果。

来源:Chris Coyier

固定表格标题样式

使用 position: sticky 构建具有固定标题的表格。

来源:Adrian Roselli

你不知道的7个 CSS 属性

其中我不熟悉 bleedcaret-color 以及不推荐使用的 azimuth

来源:Tomasz Łakomy

🔧 代码、工具、资源

Tailwind CSS 支持 Grid

请注意,这只是 1.2.0 版本的预览版,但增加了很多功能,包括 CSS Transition、Transform、Grid 的支持等。

来源:Tailwind CSS

可变字体

一个不错的字体资源。

来源:Nick Sherman

Palettab

如果你一直在寻找调色方面的灵感,那么这个 Chrome 插件可能适合你。它在每个新选项卡上显示一种色彩和与之搭配的字体。

来源:Tim Holman & Claudio Guglieri

Tiny Helpers

不错的 Web 开发人员的在线小工具合集,在不断扩充中。

来源:Stefan Judis

Harp:内置预处理资源的静态 Web 服务器

来源:Chloi Inc.

💻 招聘

译者注:如需了解,请查看原文

🗓 未来大事记

译者注:如需了解,请查看原文

2020-02-17 喜欢

Copyright © 2015-2022 BY-NC-ND 4.0

回到顶部 ↑