Web Dev | page 10 of 11

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

Implement dark mode in vanilla CSS (zero JavaScript)

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

Building a progressive web app from scratch with vanilla JavaScript

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

The best static site generators for your blog in 2026

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.

Build interactive charts in Hugo without JavaScript

Turn CSV and JSON data into accessible SVG charts at Hugo build time using shortcodes. No JavaScript, no Chart.js, and zero runtime overhead.

Speed up Hugo builds with a warm image cache in CI

Speed up Hugo builds on a large site by caching resources/_gen the right way in CI, deduping image specs, profiling templates and minifying output safely.

Core Web Vitals: fix LCP, CLS, and INP

Optimize Core Web Vitals (LCP, CLS, INP) to lift search rankings. Fix image preloading, layout shifts, and long JavaScript tasks step by step.