液态玻璃博客

你好,玻璃

· 随笔

这是一个纯静态的博客。界面照着 macOS 27 Golden Gate 做:顶部是透明菜单栏,文章开在可以拖动的窗口里,窗口能分标签页,底部有程序坞。所有东西都是 HTML、CSS 和一点 JavaScript,没有服务器,也没有加载任何第三方脚本。

在浏览器里做液态玻璃

· 技术

液态玻璃和过去的毛玻璃最大的区别是折射。毛玻璃只是把背后的东西模糊掉;液态玻璃的边缘是弯的,光线穿过时会偏折,背景在边缘处被拉伸、挤压。浏览器里没有现成的折射效果,但可以用 SVG 滤镜拼出来。

从原生窗口量出来的尺寸

· 设计

截图量尺寸误差很大,所以我写了一个 Swift 小程序,在 macOS 27.0.1 上直接创建 NSWindow、NSToolbar 和 NSMenu,遍历系统生成的视图层级读取布局;再把这个程序自己的窗口和弹出菜单渲染成图片取色,浅色和深色外观各渲染一次。整个过程不需要屏幕录制权限,也不会截到别的应用。

为什么坚持纯静态

· 技术

最近一年博客程序、评论系统、后台面板的漏洞一个接一个。个人博客没人值守,出了洞往往几个月后才发现。最省心的办法是根本不运行服务器端代码。

Golden Gate 改了什么

· 设计

macOS 27 Golden Gate 没有推翻液态玻璃,而是把 Tahoe 里被吐槽最多的地方逐个收了回来。下面是我注意到的变化,以及它们在这个站点里对应的做法。

发文章前的检查清单

· 随笔

每次发布前过一遍,五分钟以内。