本站 / This Site

本站,也是一件作品

与其说这是一份「技术说明」,不如说这是一次自我审查: 我们主张的一切,是否经得起应用在自身上?

37

个静态页面

0

张位图

0

个运行时依赖

~100

KB 首屏传输

13

篇随笔

6

件作品

01 / 06

零位图

全站没有任何一张图片文件。作品视觉全部由 CSS、渐变与 SVG 绘制——连品牌标识都是 700 字节的代码。

02 / 06

零依赖

没有引入任何前端库或字体文件。动画是 CSS 的,交互是浏览器原生的,首屏加载无需等待任何第三方资源。

03 / 06

系统字体

不加载 webfont,使用操作系统的原生字体栈。加载速度换取语气一致——在每台设备上,文字都像设备自己说的话。

04 / 06

全静态

37 个页面全部在构建期预渲染成 HTML,无服务端运行时。这让它几乎不可能宕机,也几乎不需要维护。

05 / 06

毫秒校准

本站自己的动效遵循《动效的毫秒刻度》里的三档时钟:100ms 悬停、250ms 展开、400ms 首屏渐显。

06 / 06

明暗有度

全站只有两种强调:暖光金与留白。凡是不能证明自己值得发光的元素,都被删掉了——包括这张清单之外的一切。

想看这些原则如何落到代码里?去逛逛 作品,或者读一篇 随笔。

zerolight / this-site