Web Dev

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

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.

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.

CSS container queries let components respond to parent width instead of viewport. With 96%+ browser support in 2026, they fix responsive layout.

Implement flash-free dark mode with CSS Custom Properties and prefers-color-scheme. Covers Color Level 5, container queries, toggles, SVG theming.

Add a manifest, service worker, and HTTPS to enable offline support, push notifications, and install prompts on any site using vanilla JavaScript.

Compare Astro, Hugo, Eleventy, and Quartz on build speed, content model, and use cases. Pick the best static site generator for your blog in 2026.