NimitzDEV

Generic Sensor API 提供了一组属性和方法，将传感器暴露给 Web 端应用。在这个标准中，规定了基本的接口和类，使得在实现各种传感器 API 时能够通过继承快速实现。在介绍完本标准后，我会举例使用其中一个传感器 API。 Generic Sensor API 能…

Screen Orientation API 为 Web 应用提供了读取设备当前屏幕方向、旋转角度、锁定旋转方向、获取方向改变事件的能力。使得特定应用在屏幕方向方面增强用户体验，如视频和游戏。该标准目前处于工作组草案状态，最近一个修改为 1 月 29 日。 接下来我们就来解释如…

动画。然而，要想让动画对象沿着一条路径进行移动，还是有一些难点的。CSS Motion Path 标准的出现，让开发者能够给动画对象定义一条动画路径，配合 keyframe 等操作，轻松实现让一个物体沿着一条路径进行动画。 Motion Path Level 1 从 2015 …

CSS 选择器在实践中是非常常用的，无论是在写样式上或是在 JS 中选择 DOM 元素都需要用到。在 CSS Selectors Level 4 中，工作组继续为选择器标准添加了更丰富的选择器。下面我们来了解一下。 :is 是一个用于匹配任意元素的伪类，使用方法很简单，只需要将…

长期以来，我们要修改 DOM 元素的样式，我们实际上操作的是 CSS 的对象模型 CSSOM。而 Houdini 中推进的又一组 CSS 对象模型 Typed OM，该标准又给我们带来了什么好处呢？ 简单的说来，CSSOM 是一组能让 JS 操作元素 CSS 的 API。在浏览…

在最近更新的 Chrome 69 稳定版中，全面支持了 CSS Scroll Snap 标准。该标准用于设置一个滚动捕捉点，让最终的滚动位置附着于就近或特定类型的捕捉点中，以达到更好的滚动体验。今天我们就来研究一下。 学过 CAD 系列软件的同学可能很清楚，我们在移动一个对象时…

当我们在浏览一些使用自定义字体的网站，或在开发中使用 @font-face 设置自定义字体时，时常会看到一个现象：页面结构和图片出来了，但文字区域是空白的。这种现象被称之为 FOIT (Flash Of Invisible Text)。 通常，我们通过@font-face规则定…