Notes

The browser already has an event bus. Custom events on window give you emit, subscribe and unsubscribe, and with a few lines of TypeScript they are fully typed.

Interactive parts of a mostly static page tend to end up as loose querySelector scripts. One way to give them structure is a component class per element, started by a small init system.

A small sharp-cli script that generates optimized PNG/JPEG, AVIF, and WebP versions of images while keeping the originals untouched.

Practical patterns for building smaller, faster, and more secure production Docker images.

A palette → semantic → component architecture for CSS custom properties. The rules that decide where each value belongs.

Global border-box is sold as a layout fix, but the downsides are real — and "just document it" doesn't save you when nobody reads docs until something breaks.