Chris Coyier

这是我第一次接触 HTML 的 <dialog></dialog> 元素。我已经了解它有一段时间了，但还没有尝试过。它有一些非常酷且引人注目的功能。我无法决定……

Andy 在 一篇技术文章中介绍了一种在卡片组件中使用语义 <button></button> 的方法，但实际上整个卡片都是可点击的。诀窍是使用一个超出按钮的伪元素，覆盖整个卡片。权衡是……

Dan Mall 正在评审 2020 年 Communication Arts Interactive 奖。这类奖项通常是庆祝那些炫目、短暂、一次性的设计。这些都很棒，但 Dan 的眼光更远

我很乐意颁发奖项给那些展现出以下特点的作品

我记得 这件事在 1 月份传开了，我对它没有发生感到有点震惊。

Mina 是这个工作的最佳人选（就像，理所当然），最终的结果将对每个人都有利。让我们让这件事发生。这……

昨天我问了一个房间里满是 Web 开发人员的人，他们是否知道 iOS 上的 FF/Chrome/Opera/Brave/等等都不允许在引擎质量上竞争。

Zero hands up.

— Alex Russell (@slightlylate) 2019 年 9 月 25 日

因此，有必要澄清这一点……

两个故事

• Jason Grigsby 发现 Chipotle 的在线订购表格使用了输入屏蔽技术，将信用卡有效期年份截断，使其无效，从而拒绝订单。如果使用 pattern="\d\d" maxlength="2"（原生浏览器功能） instead（原生浏览器功能） instead，

用户浏览网站的典型过程：查看页面，点击链接，浏览器加载新页面。这是假设没有像单页应用程序这样的奇特操作，它仍然遵循这个过程，但浏览器不会加载……

来自 Jonathan Sampson 的有趣研究，他观察了浏览器在首次启动时（在全新安装的情况下，并且没有进行其他操作）所发出的网络请求。这让你对什么类型的……

假设你有一个包含 100 个名称的列表

<ul>
  <li>Randy Hilpert</li>
  <li>Peggie Jacobi</li>
  <li>Ethelyn Nolan Sr.</li> 
  <!-- and then some -->
</ul>

…或者文件名，或者电话号码，或者任何东西。你想在客户端过滤它们，这意味着你不会……