The journal.

Addy Osmani’s agent skills package debugging, reviews and other engineering workflows into reusable instructions. Here’s what I’ve added to this site, why it interests me, and where I’d keep expectations realistic.

How crop-test patterns helped me see what stays visible as I resized a page, and judge the safe area for images and video across screen sizes.

After replacing Tailwind Typography with shadcn/typeset, my Vercel builds became consistently faster. I dig into the architectural difference between a build-time plugin and static CSS, and why it might matter.

Learn how Shopify Functions instruction count works, how to measure it with Shopify CLI, and practical ways to optimise performance and stay within execution limits.

Preact can work alongside Liquid and Web Components to give Shopify theme JavaScript a consistent foundation for state, rendering and increasingly complex storefront interactions.

Building your own UI primitives often means solving accessibility, interaction and browser quirks from scratch. A mature framework provides a reliable foundation while keeping the design in your hands.

Multiple booleans can allow states your application should never reach. Discriminated unions make those impossible states unrepresentable and give TypeScript much stronger guarantees.