HTML 博文

使用视频(video)替换 GIF 动画

想要缩减网站的加载时间,网站含有大量的 GIF,可能需要使用视频(video)替换 GIF 动画,这篇文章将教你如何转化 GIF,并在网站中使用视频。

Web 上的图片技巧

前端开发者在构建网站时需要做的一个决定是添加图片的技术。它可以是一个 HTML img,或者是通过 CSS 背景生成的图片,也可能是 SVG image。选择正确的技术很重要,对网站的性能和可访问性起着巨大的作用。

浅谈 ShadowDOM

Shadow DOM 为 Web 组件中的 DOM 和 CSS 提供了封装。Shadow DOM 使得标签结构,样式和行为与主文档的 DOM 保持分离。

Don't break the Web:以 SmooshGate 以及 `<keygen>` 为例

Don't break the Web 是 Web 设计规范的原则,本文介绍基于该原则 TC39 如何处理 SmooshGate 事件。在 array.flatten 与 MooTools 冲突时如何基于原则在历史与标准间妥协。标准规范又是如何处理废弃的 HTML 标签,以 <keygen> 为例带你一步步了解。