这里是 Frontend Focus 的中文翻译项目,每周在 Oh My RSS 平台首发。
翻译及校对:richshaw2015,Yully Che
新版本的 Edge 已经不是预览版了,这里下载。 开发者文档可以在这里找到。(那么它的昵称应该是 Edgium 还是 Credge 呢 😅)
来源:Kyle Pflug (Microsoft)
从开始以来,User agent 几乎一直是 Web 的一部分, 但是人们正在逐渐弱化其地位。Chrome 计划转为使用 Client Hints,苹果、微软和火狐也表示有兴趣冻结或逐步淘汰它。
来源:Catalin Cimpanu
Web NFC 旨在为站点提供一种读写附近 NFC 标签的方法。Google 正在试验支持这个 API,并期望在 84 版本发布。你可以先看看相关的标准,或者试试其 演示。
来源:François Beaufort
这篇介绍了这些年来默认文本大小发生的有趣变化,为什么我们会默认使用16px
,以及现代可变大小解决方案。
来源:Florens Verschelde
你可能在考虑开发 Edge 的插件,好消息是大多数为 Chrome 构建的插件都可以运行,而无需进行任何修改。
来源:Killian McCoy
这家搜索巨头为其预期的更改设定了较长的宽限期,并要求在线广告行业帮助其建立更多以隐私为中心的 Cookie 替代方案。
此处是 Google 的博客。
来源:Digiday
<article>
而不是 <section>
“<article>
不仅是报纸或者博客的文章,也可以是一件衣服的介绍——任何可以在上下文重复使用的独立实体。”
这对于使用读屏工具等辅助技术的用户具有关键意义。
来源:Bruce Lawson
当然没有了!但是 PPK 觉得这是吸引新用户的一个很好的营销手段。
来源:Peter-Paul Koch
比如 aria-label
和 title
属性的优化支持,很值得弄一下。
来源:Sailesh Panchang
Web Share API 支持在页面上进行本机共享(通过其他应用程序或社交网络)。
来源:Dillion Megida
作者认为一些内容运营商(例如 Netflix、HBO)提出的标准及许可限制了独立浏览器的开发。
来源:Samuel Maddock
来源:Kathleen McMahon
来源:Mateusz Piguła
来源:Monica Lent
看看使用纯 HTML 和 CSS 开发轮播图或幻灯片能达到的效果。
来源:Chris Coyier
使用 position: sticky
构建具有固定标题的表格。
来源:Adrian Roselli
其中我不熟悉 bleed
、 caret-color
以及不推荐使用的 azimuth
。
来源:Tomasz Łakomy
请注意,这只是 1.2.0 版本的预览版,但增加了很多功能,包括 CSS Transition、Transform、Grid 的支持等。
来源:Tailwind CSS
一个不错的字体资源。
来源:Nick Sherman
如果你一直在寻找调色方面的灵感,那么这个 Chrome 插件可能适合你。它在每个新选项卡上显示一种色彩和与之搭配的字体。
来源:Tim Holman & Claudio Guglieri
不错的 Web 开发人员的在线小工具合集,在不断扩充中。
来源:Stefan Judis
来源:Chloi Inc.
译者注:如需了解,请查看原文。
译者注:如需了解,请查看原文。
Copyright © 2015-2022 BY-NC-ND 4.0