Web Dev

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

WCAG 2.2 Data Tables: Sorting, Filtering, Keyboard Navigation

The short answer: build an interactive data table with semantic HTML (<table>, <thead>, <th scope="col">), add ARIA attributes (aria-sort, aria-live, aria-controls), and wire up keyboard handlers that enable sorting, filtering, and cell-by-cell navigation without a mouse. Done right, the result satisfies WCAG 2.2 Level AA, works for sighted users, screen reader users, and keyboard-only users, and needs no framework dependencies .

This guide walks through the markup, the ARIA attributes, the JavaScript event handlers, and the performance trade-offs you hit once your dataset gets large. The reference patterns come from the WAI-ARIA Authoring Practices Guide sortable table example and the grid pattern .

Drizzle ORM vs Prisma: Which TypeScript Database Toolkit Should You Pick?

Drizzle ORM is the better pick for edge and serverless work in 2026. It ships a 7.4 kB gzipped runtime with zero binary dependencies. Prisma is the stronger choice for teams that want a higher-level query API, a polished data browser, and a growing cloud platform. The right answer turns on where your code runs and how your team thinks about SQL.

That one-paragraph summary covers the call for most people. The reasoning behind it is the rest of this post. The two tools follow different beliefs about how TypeScript apps should talk to databases. Those differences show up in every part of the workflow, from writing queries to shipping on Cloudflare Workers.

Best React Frameworks in 2026: Next.js vs Remix vs Astro

Picking a React framework in 2026 comes down to one question most comparisons skip: how cleanly does it run on your own box without Vercel? On that axis, Astro and React Router 7 (the merged Remix) self-host most cleanly, Next.js carries the heaviest hosting-feature footprint, and TanStack Start stays client-first while everyone else leans into React Server Components.

Key Takeaways

  • Remix is now React Router 7; the React version merged into the router itself.
  • Astro and React Router 7 self-host on a plain Node box with the least friction.
  • Next.js bets hardest on React Server Components; TanStack Start stays client-first.
  • Astro ships almost no JavaScript by default, so static export is its sweet spot.
  • All four can leave Vercel, but each loses something different when you do.

Why This Comparison Ignores the Vercel Default

Most “best React framework” posts assume one thing without saying it: a one-click Vercel deploy, edge functions on tap, and image optimization handled for you. Strip that away and the rankings shift. The framework that looks best on a managed platform is not always the one that runs cleanly on your own hardware.

Node vs Bun vs Deno in 2026: The Self-Hosting Verdict

For self-hosting real apps in 2026, pick Node.js 24 LTS for stable long-running processes, Bun 1.3 for install speed, and Deno 2.8 for single-binary deploys. On my own box, Bun installs an 847-package monorepo in 1.2 seconds versus npm’s 32, but Node still wins the 3am stability test.

Key Takeaways

  • Node.js 24 LTS stays the safest default for long-running production processes.
  • Bun installs dependencies 20 to 40 times faster than npm in real projects.
  • Deno compiles to a single 28MB binary, the simplest self-host deploy there is.
  • Node now ships a test runner, watch mode, and TypeScript, closing the gap.
  • Native C/C++ addons work in Node and Bun but not in Deno.

Three runtimes now fight for the same job: running your server-side JavaScript. Node.js is the 16-year incumbent. Bun bets on raw speed. Deno bets on security and a single binary. This post compares them for one specific use: self-hosting a real app on hardware you own, not a synthetic hello-world race.

Hono: The 14KB Web Framework That Runs Everywhere

Hono is a ~14KB TypeScript web framework that runs on every modern JavaScript runtime with the same API. Write your routes once and ship to Bun , Deno , Cloudflare Workers , Node.js , AWS Lambda , Vercel Edge, Fastly Compute, or Netlify. No code changes needed. Hono builds on Web Standard APIs (Request, Response, fetch), which makes it small, fast, and far lighter than Express . It ships with middleware, validation, RPC, and streaming. The current stable release is v4.12.

Split-Pane Markdown Editor in 100 Lines JS

You can build a fully working Markdown editor with synchronized live preview using a <textarea> for input, the marked library for parsing, and a debounced input event listener that re-renders on every keystroke. The whole thing fits in under 100 lines of vanilla JavaScript and CSS, with no build tools , no framework, and no npm install. One index.html file, one CDN script tag, double-click to open in a browser, and you are writing Markdown with a rendered preview next to your cursor.

AltStyle によって変換されたページ (->オリジナル) /