滚动时出现毁灭伤害闪光
著名的电子游戏《毁灭战士》在玩家受到攻击时会将屏幕闪烁成红色。Chris Johnson 不仅借鉴了这个想法，还将《毁灭战士》中的一些 UI 整合到这个名为 Doom Scroller 的俏皮 JavaScript 库中。获取…
比较 Google 和 Netlify 分析中的数据
对于我来说，这些数据集根本不一致。
Google Analytics 通过在您的网站上放置一段客户端 JavaScript 代码来工作。Netlify Analytics 通过在服务器端解析服务器日志来工作。在功能方面，它们并非完全相同。Google…
This vs. That
这是来自 Phuoc Nguyen 的一个不错的网站，我之前注意到他 非常擅长 制作巧妙的网站。This vs. That 将不同的相关概念作为文章主题进行对比。例如，CSS 有 display: none;…
为 mailto: 和 tel: 链接提供选项
我通常喜欢 mailto: 链接。但我觉得我甚至不用检查或点击就可以闻到 mailto: 链接的味道，就像某种极其无用的超能力一样。我知道如果我设置了默认邮件客户端，点击…
一个纯 CSS 的、动画的、环绕的下划线
Nicky Meuleman，受 Cassie Evans 启发，详细介绍了他们如何在自己的网站上构建锚链接悬停效果。当悬停在链接上时，另一种颜色的下划线会以两种颜色之间存在间隙的方式滑入。典型的 text-decoration 在这里无济于事，…
使用 GitHub Action 优化图像
前几天我一直在玩 GitHub Actions。这是一个非常棒的工具！简而言之：您可以让它为您运行代码，例如运行构建过程、测试和部署。但这只是一个可以运行任何…的配置文件。
Plyr：可 CSS 样式化的视频播放器
我偶然发现了 Sam Potts 的 Plyr，这是一个用于样式化视频播放器的 JavaScript 库。它吸引我的地方在于，您可以将 YouTube 视频列为源，因此本质上您可以拥有一个 CSS 样式化的 YouTube 视频。很酷…
让我们制作可以导出为 SVG 和 PNG 的生成艺术
假设您是一位设计师。酷。您被聘用来为一个会议做一些设计工作。各种各样的事情。网站。印刷日程表。房间的大海报。预告片幻灯片。你想得到什么。
所以你想出了一个…