能否将视频转换为纯 CSS？ (dgerrells.com)
这篇文章探讨了使用纯 CSS 播放视频的可能性。作者首先尝试使用 scroll-timeline 属性根据滚动位置创建动画效果，但发现 Safari 浏览器不支持该属性。之后，作者尝试使用 JavaScript 动态设置 CSS 变量来模拟 scroll-timeline 的效果，并成功实现了简单的动画。为了进一步提高动画效果，作者尝试加载 3D 模型并将 div 元素定位在模型的顶点上，但发现这种方法性能较差。最终，作者探索了两种使用纯 CSS 播放视频的方法：一种是使用大量 div 元素和 CSS 动画帧来模拟视频的每个像素，另一种是使用 box-shadow 属性来实现类似的效果。作者发现，box-shadow 方法的性能更好，并且创建了一个 Web 应用程序，可以将视频转换为纯 CSS 动画。
如何在 Vercel 账单上节省 13.27 美元 (dgerrells.com)
本文讲述了作者如何通过使用sqlite构建自建分析API，以节省Vercel分析服务的费用。作者详细描述了选择技术栈、搭建服务、性能测试、部署到DigitalOcean VPS、解决部署过程中遇到的问题、构建简单仪表盘以及与Vercel分析服务进行比较的过程。最终，作者成功地将分析服务成本降低了13.27美元，并计划进一步迭代和探索自建服务的可能性。
如何“不”使用盒子阴影 (dgerrells.com)
文章介绍了CSS中盒子阴影的应用，作者探索了如何利用大量盒子阴影模拟3D效果、粒子效果，甚至实现了光线追踪。作者首先解释了盒子阴影的原理和性能优势，然后展示了一系列“不正经”的应用，包括模拟球体弹跳、绘制点云、模拟流体等。最后，作者利用盒子阴影实现了CPU光线追踪，并渲染了简单的3D场景，证明了盒子阴影的强大和灵活性。
JavaScript 模拟 2000 万个粒子有多快？ (dgerrells.com)
这篇博客文章探讨了JavaScript模拟2000万个粒子的速度。作者可能进行了性能测试，并分享了JavaScript引擎处理如此大量粒子的效率结果。