Why This Blog Exists

If you learned web development in the jQuery era—or earlier—you might think modern web development requires a PhD in Webpack configuration and a sacrifice to the React gods.

It doesn't.

This blog exists to show developers who've been away that the web platform itself has become incredibly capable. The browsers learned from jQuery, from Sass, from React. Many of those patterns are now native.

What You'll Find Here

Practical guides for developers returning to web development:

  • Side-by-side comparisons of old patterns and modern equivalents
  • Explanations of new browser APIs you might have missed
  • Working examples you can learn from and adapt
  • No framework gatekeeping—just the platform

Every feature on this site uses native browser APIs. No React. No build step. No node_modules folder. Just HTML, CSS, and JavaScript.

The Tech Behind This Site

This blog is itself a demonstration. Features you're experiencing right now:

  • Web Components — The cards, code blocks, and navigation are custom elements
  • CSS Cascade Layers — Organized styles without specificity wars
  • Container Queries — Cards that adapt to their container, not the viewport
  • View Transitions — Smooth animations between pages
  • Scroll-driven Animations — That reading progress bar at the top
  • oklch() colors — A perceptually uniform color system

If any of those terms are unfamiliar, that's exactly why this blog exists. Start with Welcome Back to the Web.

Colophon

This site uses system monospace fonts for that terminal aesthetic. No external font loading means faster page loads and better privacy.

Colors are defined using oklch(), a perceptually uniform color space. The terminal-inspired palette features greens, ambers, and cyans—classic terminal colors with a modern twist.

The entire site works without JavaScript for content reading, but JS enhances the experience with smooth transitions, theme toggling, and interactive code blocks.

Connect