1945年,二战结束那年,一个犹太女婴在哈萨克斯坦的医院出生。病房里,刚下战场的士兵因创伤后应激障碍在走廊游荡,产妇们惊恐不已。婴儿出生时没有呼吸,护士把她浸入冷水,再换热水,再换冷水——当时流行的"疗法",毫无科学依据。

这个婴儿是我的母亲。她后来告诉我,她这一生都在"混乱伪装成帮助"中求生。2011年,癌症带走了她。她从未见过我的儿子——那个今年八岁、在视频里为我的代码做解说的小男孩。这是他离"奶奶"最近的一次。

打开网易新闻 查看精彩图片

今年母亲节,我用唯一会的方式让她"复活":UI疯人院实验。

母亲教会我的是一套现在被称为"网页开发"的技能——在万维网诞生之前。她在摄影中框定混乱暂时和谐成美的瞬间;在教学中把这些图像拆解成可跟随的逻辑步骤;在编程中将这些可教的时刻封装进可交互的体验。与真实生活不同,程序出错时,你能追溯原因并解决。

这个母亲节礼物的核心是一个滚动触发的时间轴动画。技术层面,它依赖两项较新的浏览器特性:scroll-snap事件和scroll-state查询——目前仅Chromium内核浏览器支持。代码已开源在CodePen。

设计灵感来自Roland Franke的解构式径向切片过渡效果:前景人物静坐,背景景观随滚动切换。这让我想到母亲观察世界的耐心——然后她会将一切封装成我能消化的短交互故事。

游戏化"认识我母亲"的体验,本质上是在复刻她的教育方式:把不可承受的混乱,变成可追溯、可控制、可重来的交互。

母亲热爱逻辑,因为她出生在一个毫无逻辑的时代。我继承的,是用代码重建秩序的本能。