Web Dev

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

Web font subsetting: cut payload by 90% with variable fonts

Cut web font payloads 70-85% with variable fonts and pyftsubset subsetting, CSS unicode-range, zero-layout-shift loading, and a CI setup to keep it small.

Real-time chat with WebSockets: under 150 lines, no framework

Build a real-time WebSocket chat server in Node.js with a vanilla JavaScript browser client. The whole thing fits in under 150 lines, no framework.

Webhook relay with Cloudflare Tunnels: free ngrok alternative

Expose local servers to webhooks from GitHub, Stripe, Twilio using Cloudflare Tunnels and FastAPI. Covers setup, verification, security, and hosting.

Meilisearch + HTMX: sub-50ms search in 14 KB, no framework

Build real-time, typo-tolerant full-text search with Meilisearch and HTMX. Sub-50ms responses, under 15KB of JavaScript, no frontend framework.

Service worker caching: network-first, cache-first, SWR

Service workers cache assets on static sites for instant loads, offline access, and perfect Lighthouse PWA scores using proven caching strategies.

Generating SVG Graphics with AI

Generate lightweight SVG diagrams with AI: prompt Mermaid.js or raw SVG to replace 100-400 KB PNGs with 5-20 KB vectors that also do dark mode.