Web Dev

Modern web development from someone who builds it. CSS, JavaScript, web standards, and the patterns that actually scale.

Split-pane Markdown editor in 100 lines JS

Build a split-pane Markdown editor with live preview using vanilla JavaScript and the marked library. No build tools, runs in one HTML file.

Cross-document view transitions: animate between full page navigations without JavaScript

Cross-document view transitions animate full page loads in MPAs with one CSS rule. Shared elements morph between documents, no SPA framework needed.

HTMX + Alpine.js: 35KB interactive UIs, zero build step

Build fast, interactive web apps combining HTMX and Alpine.js with two script tags, 31KB gzipped. No Webpack, Vite, Node.js, or build tools.

CSS subgrid reaches 92% baseline: align cards natively

CSS subgrid lets nested grids inherit parent tracks, so card titles, descriptions, and buttons align perfectly without JavaScript height calculations.

Smartphone showing a fingerprint and face-ID prompt next to a titanium USB-C hardware security key on a dark surface

Add WebAuthn passwordless login to any Node app in a day

WebAuthn passwordless login in Node and TypeScript: passkey sign-up, autofill login, YubiKey support, and account recovery that survives prod.

URL Shortener in 200 Lines of Python

Build a production-ready URL shortener in under 200 lines of Python with FastAPI, SQLite, base62, click tracking, rate limiting, and QR codes.