更易访问的传送门演示
<portal>
元素(在 Chrome Canary 中的旗帜后面)的目的是让你可以预加载另一个完整页面(比如 <iframe>
),然后使用 APIs 将其动画到当前页面。因此,它可以实现类似“单页应用程序”的功能...
使用 minmax() 和 min() 实现本质上的响应式 CSS Grid
到目前为止,CSS 网格中最著名的代码行是
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
无需任何媒体查询,它将设置一个具有灵活列数的网格容器。这些列...
异步加载 CSS 的最简单方法
Scott Jehl
…我们可以做的事情中,对提高页面性能和弹性最有效的事情之一,就是以一种不延迟页面渲染的方式加载 CSS。这是因为,默认情况下,浏览器会同步加载外部 CSS,这会导致...
从一年 Web 平台测试中学到的经验教训
Mike Pennisi
…web-platform-tests 项目 是一个庞大的测试套件(总共超过一百万个测试),用于验证软件(主要是 Web 浏览器)是否正确地实现了 Web 技术。它既重要又雄心勃勃:Web 的健康状况取决于...