文章

写下的故事,都收在这里 ~

技术

做一个纯前端、离线可用的 Python 刷题网页

备考二级 Python 的时候,我给自己写了一个单文件刷题页:零依赖、离线可用、题库可换。这篇记录它的设计取舍与几个实现细节。

#JavaScript#前端#单文件#开源
技术

用 Hanzi Writer 做笔顺问候动画

首页那句「欢迎来到清吾的小屋」是一笔一划写出来的。记录我用 hanzi-writer 实现字逐字笔顺动画的过程,以及为了降级和体验做的处理。

#HanziWriter#动画#React#首页
技术

用 Motion 做克制的动效:滚动揭示与滚动缩放

聊聊清吾里那套「不吵不闹」的动效:CSS 的滚动揭示 + Motion 的滚动缩放/模糊浮现,以及怎么照顾 prefers-reduced-motion。

#Motion#动画#前端#无障碍
技术

玻璃拟态卡片与聚光效果:清吾的卡片是怎么做出来的

记录清吾首页与列表里的玻璃拟态卡片 + 指针聚光效果的实现,含 backdrop-filter 与 stacking context 的关键细节。

#CSS#玻璃拟态#前端
记录

把喜欢的东西,做成一个属于自己的角落

为什么我执意要做一个自己的博客,而不是继续在别人的平台上发东西——写给那个想拥有一块屋檐的自己。

#生活#记录#关于
记录

深夜写代码,耳机里放鸣潮

写代码时我习惯戴着耳机,把歌单切到鸣潮。这篇随笔记录那些在代码和音乐之间来回游走的深夜。

#生活#音乐#鸣潮