Journal
Thoughts& writing
Notes on building for the web — development, motion design and the craft of digital experiences, starting with how this site was made.
- Keying a title behind a portraitHow the hero on devsappy.space puts its title behind a photographed subject: a Python luma and colour key, a clean sky plate, clean edges and WebGL mist.
- Building a page timeline you can scrubHow the timeline strip on devsappy.space works: sections measured into clips, 25 fps timecode that runs in real time, J/K/L playback and pointer scrubbing.
- The Future of Web Development with Next.jsWhat building devsappy.space in Next.js shows about the web: static-first routes, server components with small client islands, self-hosted fonts, leaner images.
- Mastering Video Editing for the WebHow the project reels on devsappy.space were cut, recorded and encoded for silent, looping web playback: H.264 settings, CDP capture and lazy delivery.
- Design Systems: Why You Need OneA design system for a one-person site: a palette sampled from a single photograph, one type family across three widths, and structure that carries meaning.