“自动扶梯”

Avatar of Chris Coyier
Chris Coyier 发布

DigitalOcean 为您旅程的各个阶段提供云产品。立即开始使用 $200 免费积分!

卫报的 Patrick Stirling 展示了他们正在使用的一些新的广告格式。前两个看起来像是只使用了一些 @media 查询来重新排列和调整大小。但我没有找到一个可以查看其内部结构的实时示例。如果使用 SVG 来创建这些广告会非常棒,因为 1) 可以使用真实文本使其更易于访问 2) 缩放并保持比例的能力(即使是文本)也很有吸引力。3) SVG 作为 <img> 具有自己的视口,因此包含的 @media 查询可以根据广告的宽度(而不是屏幕宽度)进行工作。

第三个,“自动扶梯”,是一个巧妙的设计,整个广告只有在您滚动时才会显示。看起来像是使用了 background-attachment: fixed;

我总是喜欢公司写下他们对新设计的思考。本周的 另一个很好的例子

直接链接 →