文章“如何点击显示图片”的直接链接 图像优化 延迟加载 感知性能 性能 如何点击显示图片 大多数网页上的图片都是多余的。如果你觉得我有点刻薄,我可以说,其中 99% 甚至没有多大用处 (虽然也有少数例外)。这是因为图片往往不会补充它们所附带的文本…… 2021 年 5 月 27 日
文章“关于累积布局偏移的几乎完整指南”的直接链接 网页核心指标 关于累积布局偏移的几乎完整指南 以下是 Jess B. Peck 关于谷歌网页核心指标的文章 让我们退一步。CLS 发生在你要点击一个链接时,整个页面发生了偏移,你反而点击了另一个链接。当……… 2021 年 4 月 22 日
文章“向 CSS 容器查询说 hello”的直接链接 容器查询 向 CSS 容器查询说 hello 容器查询终于来了!现在,您可以在最新版本的 Chrome Canary 中通过一个标志使用它,尽情地进行实验吧。哦,如果您不熟悉容器查询,可以查看…… 2022 年 10 月 4 日
文章“万维网闪耀的地方”的直接链接 无障碍 设计系统 万维网闪耀的地方 以下是 Vitaly Friedman 的一篇精彩文章,探讨了 如何制作无障碍的前端组件 以及当今在构建这些组件时存在哪些问题…… 2021 年 3 月 31 日
文章“移动性能不平等差距”的直接链接 性能 移动性能不平等差距 Alex Russell 对性能及其对移动用户的影响发表了一些有趣的见解 [...] CPU 的改进速度跟不上前端工程师对资源的乐观假设。在工具方面,如果确实有一个明确的好消息,那就是……… 2021 年 3 月 18 日
文章“CSS :has 选择器(以及 4 个以上的示例)”的直接链接 :has :is :not 伪元素 CSS :has 选择器(以及 4 个以上的示例) CSS :has 选择器可以帮助您选择包含其他元素的元素,这些元素与您传递给 :has() 的选择器匹配。 2022 年 12 月 20 日
文章“不是 web 改变了,是你改变了”的直接链接 不是 web 改变了,是你改变了 我很喜欢 Remy Sharp 的这篇文章,他认为,尽管我们可能认为 web 在过去 20 年变得更加复杂,但事实并非如此 网页开发没有改变。网页开发在不断发展。现在有更多选择,… 2021 年 2 月 16 日
文章“CSS float 已被弃用吗?”的直接链接 浮动 CSS float 已被弃用吗? 前几天工作中出现了一个有趣的讨论:既然我们有了 CSS Grid 和 Flexbox,我们是否应该使用 CSS float 属性?… 2021 年 2 月 11 日
文章“一个完整的网站包含在一个 HTML 文件中”的直接链接 :target 一个完整的网站包含在一个 HTML 文件中 我一直无法忘怀 这个网站。它看起来很普通;一个包含指向不同页面的链接的网站。没什么特别的,除了……**整个网站都包含在一个 HTML 文件中**…… 2021 年 1 月 28 日