上周写了篇历史考古文，没想到还挺受欢迎，我再放到这里吧。我发现我还是要重新写公众号，因为现在用 CLI 和 skills 等工具自动化写公众号已经变得可行了，还有更重要的一点，如果我不写，自己在其他平台写的文章很容易就被人盗走发到公众号去了。。。
看到最近这个网页动画效果被这位小哥的网站又带火了，然后人们意识到现在除了 light mode 和 dark mode 之外，还应该有一个 sunny mode。
其实这个效果最早可以追溯到 2022 年，第一次出现是在 CSS-Tricks 上面的一篇文章。学名叫 Dappled Light（斑驳光影），原理就是用 CSS 的 blur 和 mix-blend-mode 模拟这种斑驳的光影。
2023 年，Basement Studio 为 Daylight 做的官网把这个效果再次带到了人们眼前。
2024 年，华裔设计师 chloe 上线了一个小网站再次把这种效果带到了高潮，技术用到了 svg 和 css animation。
随后，开源版本的终于有人做了。作者 Jacky Zhao 是 GitHub 上非常有影响力的开发者，他的其他作品比如 **Quartz** 是他最知名的项目之一，一个极简、快速且功能强大的静态网站生成器，专门用于将 Markdown 笔记转换为精美的数字花园（Digital Garden）。
后来还有一位华裔设计师 Farah Yan 也实现了另一个版本，用到了 Lindenmayer 系统 和 @react-three/drei，Lindenmayer 是一种用于描述植物生长过程的数学形式化方法。它是斑驳光影效果的幕后功臣，专门用来模拟树木、草丛或复杂几何分形结构。
直到今天，这个效果再次被人们熟知是因为这个网站。他在此基础上还增加了 rainy mode 和 moonlight mode，效果大同小异。但是阴影效果是直接做成了视频，每种模式还加上了音效。但如果是用视频就没啥技术含量了。
最近还有来自斯坦福的 Mason Wang 也开源了一个版本，是用纯 Canvas 2D 实现了百叶窗阳光投射效果。
我快速 vibe 了一个 demo：https://theme-switch.pages.dev/ 可以按字母快捷键或右上角的按钮切换体验一下。
Vibe Island
将 MacBook 的 Notch 变成 AI 编码 Agent 的实时控制面板，支持 Claude Code、Codex、Gemini CLI 等 9 种工具。无需切换窗口即可监控进度、审批权限请求和回答提问，支持 13+ 终端精准跳转，原生 Swift 构建。
没想到那天随便推了一下朋友的产品，结果变成了爆火的热门现象。无数大佬都转发并买了这个 app，当然也有很多人开始模仿抄袭了。
能火自然有它的道理，开场动画致敬了 Arc 的那个开场，动态会员卡片的设计也很精美，很多细节都可以看出是用心设计的。其实人们愿意花钱，买的就是这个。
我给你们申请到了优惠，用这个链接购买可以享受 65 折优惠：https://vibeisland.app/buy/dingyi
Resources↘
Pixet
用 Google AI Studio 制作的一组像素点阵风格图标，还提供编辑器可以自定义。
Pixel Gradients
由设计师 Noman Ijaz 开发的在线像素渐变生成器，可以创建复古风格的像素化渐变效果。支持多种配色方案和预设风格。作者还写了一篇文章讲解上面的 notch 风格导航是怎么设计的。这真是一个宝藏设计师，好多作品都非常喜欢。
HueGrid
渐变生成工具，提供 22+ 渐变模式，涵盖 2D、3D、液态、粒子等多种 Shader 效果。
