Skip to content
Go back

What this blog is for

约 1 分钟

Hi, I’m Duang.

This site is a public notebook: what I’m building, learning, and still thinking through. I don’t chase daily updates. I want notes I can reread later.

Main threads

Agent project breakdowns

Agent / AI apps move fast. I tear down concrete projects: how the loop is wired, which decisions matter, where people trip, and what I learned when I reproduced or changed them.

Full-stack notes

Frontend, backend, APIs, shipping, debugging — notes about how I actually do the work, not empty checklists.

Ideas

Product ideas, technical sketches, half-built things. Writing them down forces clarity, and makes it easier to pick them up later.

Latest digest

Short, one-thing posts: a new tool, a long piece worth following, or something that showed up in production. Start at Latest Digest.

Daily scraps

Occasionally something off the engineering track: mood, observation, a quick aside.


If you’re reading this in English, you’re on the EN side of the same notebook. Chinese originals live on the default site.


Share this post:

接着读

  1. Text reveal: complete runnable codeSplit a line into independent elements, then give each one an increasing delay. Every variant builds on that. Zero dependencies.
  2. Magnetic buttons and cursor follow: one formula, four outputsMultiply the distance between the pointer and an element's center by a strength factor, then ease it with lerp. The same formula drives magnets, layered parallax, CSS spotlights, and 3D tilt.
  3. Scroll storytelling: smooth scroll, pin, parallax, progressA zero-dependency demo of four scroll storytelling techniques: smooth scrolling, pinned horizontal travel, parallax layers, and a scroll-driven counter, with a GSAP and Lenis counterpart.

Discussion

评论

用 GitHub 账号登录即可留言。想法、纠错、补充都欢迎。