Chris Coyier

有一个 HTML 属性可以完全按照你的预期工作

<div>I'm visible</div>
<div hidden>I'm hidden</div>

它甚至拥有 良好的浏览器支持。它有用吗？嗯，也许吧。其实并没有那么有用……

现在有很多网站想要帮助你管理图像。它们可以优化你的图像并帮助你高效地提供它们。

这是一件非常好的事情。从任何角度来看，图像都是网站资源的重要组成部分，而我们通常都不擅长优化它们，也没有充分利用各种方法来降低它们对性能的影响。因此，你可能会使用一些服务来帮助你更好地交付图像。很聪明。许多服务可以让图像管理和优化变得更容易。但我认为它们并不是理所当然的。你需要考虑很多因素，比如做出不会让你陷入困境的选择。

在最近的一次会议演讲中（抱歉，我忘了是哪一次），有一个关于糟糕的网页性能的简短示例，以第三方小部件的形式呈现。该示例展示了一个安装了小部件以添加…的网站。

假设你有一个页面，其中所有元素上都有大量的过渡和动画。当窗口大小调整时，其中一些动画会被触发，因为它们与页面大小、位置或…相关。

它是这样的：<tt></tt>

我说“曾经”，因为它已被弃用。它可能仍然“有效”（就像每个人最喜欢的<marquee></marquee>在某些浏览器中一样），但它随时可能停止工作，他们说。它的全部用途是显示文本…

（这是我和 CSS-Tricks 以及 Webflow 合作制作的赞助视频。我认为 Webflow 是一款用于构建网站的引人入胜的产品，在我看来，它目前处于一个独一无二的类别。它…）

第三方 Cookie 是从你当前访问的域名之外的其他域名设置到你的计算机上的。例如，如果我登录 css-tricks.com，我将从 css-tricks.com 获取一个处理我的身份验证的 Cookie。但是 css-tricks.com 也可能…

容器查询始终是 CSS 改进请求列表中的首位。普遍观点是，如果我们有容器查询，我们就不需要编写那么多基于页面大小的全局媒体查询。这是因为我们…

我认为 SVG 精灵图是这样的

<svg display="none">
  <symbol id="icon-one"> ... </symbol><symbol>
  </symbol><symbol id="icon-two"> ... </symbol><symbol>
  </symbol><symbol id="icon-three"> ... </symbol><symbol>
</symbol></svg>

我一直很欣赏这种用于图标系统的方法（根据需要使用<use></use>），…