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

Passkeys and WebAuthn: ship passwordless login with one evening of work

Passkeys with WebAuthn and @simplewebauthn/server: sign-up, conditional UI autofill, account recovery, and device-loss policies that survive 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.