你好,玻璃

· 随笔

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

怎么用

  • 拖动窗口顶部的标题栏移动窗口,拖动边缘和四角调整大小。
  • 把窗口拖到屏幕左边缘或右边缘,松手后会平铺到半屏;拖到顶部会填满。双击标题栏也会填满或还原。
  • 按住 ⌘ 点击文章,会在新标签页里打开。把标签页拖出标签栏,它会变成一个新窗口。
  • 按 ⌘ K,或者点菜单栏右侧的放大镜,可以搜索全部文章。
  • 菜单栏右侧的控制中心里有一个液态玻璃滑块,从“清透”拖到“着色”,所有玻璃控件会一起变化。
  • 壁纸跟着你电脑上的时间走,从深夜、日出、正午到黄昏连续变化。拖动“桌面时间”滑块可以快进到一天里的任意时刻,打开“跟随系统时间”就回到现在。

为什么做成这样

我每天都在这套界面里工作,看久了会在意很多细节:红绿灯的间距、标签页的高度、菜单项的圆角。把博客做成同一套界面,一方面是好玩,另一方面也逼着自己把这些细节量清楚。量出来的数字单独写了一篇。

这些交互都是增强。关掉 JavaScript,同一份 HTML 会退化成一个普通的文章列表,搜索引擎看到的也是这个版本。

← 液态玻璃博客