Tools, workflows, and practices that make building web applications faster, safer, and more enjoyable.
19 posts in this category.
Bold text in our articles was rendering at roughly 1:1 contrast — invisible — and no one noticed by eye. A Lighthouse accessibility gate caught it. Here's the exact cascade that hid it, and the one rule that fixed it.
HTML5 has had client-side validation for over a decade. :user-invalid, setCustomValidity(), and the novalidate pattern cover 95% of what React Hook Form does — and the last CSS gap closed in late 2023.
Five SaaS tools you can replace with a $6/month VPS and open-source software — analytics, email, monitoring, git hosting, and automation.
Google Fonts is a tracker that happens to also serve fonts. Self-hosting is faster, more private, and a one-afternoon migration in 2026.
Google Analytics is slow, GDPR-hostile, undercounted by ad blockers, and answering questions you mostly aren't asking. Here's why I removed it from every site I run, and what I use instead.
The awesome-astro list is the default entry point into the Astro ecosystem. It is also half noise. Here is what to actually install — and what to skip — sorted by what survives a year of production use.
Most JS projects have never had their dependency list audited line by line. Doing it once — with a real method instead of vibes — usually halves the count and exposes which packages were doing nothing in the first place.
Shipping a tokenizer to the browser to color code blocks made sense in 2014. It doesn't now. Build-time highlighting is faster, cheaper, and produces better-looking output — and the tradeoffs are smaller than you think.
MDX ships JSX inside Markdown and promises interactive content without leaving your post file. That's real power — when you need it. Most dev blogs don't. Here's the honest threshold.
The white-flash-on-load that ruins half the dark-mode implementations on the web is preventable in about twelve lines of code. CSS variables, a render-blocking script, and one localStorage read — that's the whole trick.
Algolia, Elastic, and Lunr earned their place when static sites couldn't search themselves. Pagefind changed that. Here's how to ship real search without a backend or a subscription.
Everyone's measuring AI by lines-per-minute. The real leverage is in architecture, debugging, and the work nobody wants to do.
Git already has versioning, branching, review, collaboration, and publishing. Pair it with CI/CD and you have a content workflow more powerful than any admin panel.
The 'but my client needs a contact form' objection to static sites is five years out of date. Here's how to add forms, comments, auth, search, payments, and newsletters — with code.
Sharp at build time, next/image in static export, WebP/AVIF variants, blur placeholders, responsive srcset — image optimization used to be a manual chore. Now it's a build step.
Node.js now ships with fetch, a test runner, env file loading, file watching, and more. Half the packages in your node_modules are solving problems the runtime already solved.
Tailwind utility classes are powerful until your component has 14 conditional classes and nobody can read the JSX. Here's the system that fixes it.
tRPC is excellent. It's also overkill for most projects. Here's how to get type-safe API routes in Next.js using route handlers, Zod, and shared types — no extra dependencies required.
Most hero sections are built for client presentations, not end users. Here are five React patterns that actually convert — with code you can use today.
