柴桑文远

在很多客户端应用程序中，一般会通过应用图标的角标来显示当前消息的数量，例如 其实，web 中也有类似的设定，花两分钟了解一下吧 一、navigator.setAppBadge 现在的navigator

众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下 而Windows下是这样的 很多设计师会吐槽Windows滚动条不太美观，

在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下 这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画

不得不说，CSS 计数器是个好东西。 最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文

之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下 主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加标识

平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相

前不久在这篇文章：CSS 有了:has伪类可以做些什么中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情 通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 这就意味着，如果需要保留hover

介绍一个全新的、和用户行为息息相关的属性：inert。 有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧 一、inert 是什么？ inert是 HTMLElement 的一个布尔属性