popcat.online · 长期记录

popcatfrometo个人博客

把代码、阅读与日常观察放在同一个安静的角落。这里不追逐热点的速度,只在意一个问题被想透之后留下的清晰线索。

独立开发 界面工程 静态单页 持续更新

01

关于作者

王元朗,独立开发者,主要做前端与界面工程。习惯把复杂的交互拆成能讲清楚的小块,也习惯在写完之后回头重读,删掉多余的句子。

02

写作方向

三件事:前端工程的实现细节、界面交互中的取舍,以及独立产品从想法到上线之间那些常被忽略的步骤。文章偏长,更新按节奏来。

03

联络方式

域名邮箱 hello@popcat.online 可以找到我:合作、勘误,或只是想聊聊某个实现思路都欢迎。也可以对照页面底部的备案编号核验主体。

近期随笔

RECENT NOTES

把滚动动画写成可关闭的增强

用一层根元素上的 class 控制初始隐藏,脚本缺席时正文依旧完整可读。渐进增强这个词,这次真的落在了代码里。

不引入图片的视觉方案

只用渐变、裁切与内联矢量图形撑起整套视觉,顺带记下几处浏览器在渲染边缘上的细微差异。

单页站点的信息密度

一屏之内应该放多少字?从阅读节奏、行高与断点出发,把正文区域重排了三个版本才定下来。

写给自己的更新日志

记录每次改版的动机,而不是结果。这样半年后的自己还能看懂,当时为什么做了这样的选择。

关于本站

这里是一个静态单页站点,样式与脚本全部内联在同一个文件里,不加载任何外部资源,也不写入追踪代码。页面在没有脚本时仍然保持完整可读,动画只作为额外的一层。

内容以原创笔记为主,引用他人观点时会尽量标注来源。站点结构保持简单,方便随时导出与迁移;长期维护,改动都记在随笔里。

本站主色为 #212121,辅色为 #d9a5b3,底色 #f7f5f0。对角的分割来自裁切路径,下方的三块卡片承接正文,移动端会收成单列。