Frontend

10 posts tagged #frontend

10 posts on Frontend, spread across AI Coding Tools & Workflow (1) — most read: “Rspack vs Vite vs Turbopack: Build Speed Benchmarks Compared” and “Design to Code Tools Benchmark: 5 Tools, Real Diffs”.

man in green dress shirt and black cap sitting in front of computer Developer Tools

Design to Code Tools Benchmark: 5 Tools, Real Diffs

I ran the same messy SaaS dashboard through 5 design-to-code tools and scored the outputs on a11y, semantics, bundle size, editability, and fidelity. Here’s the reproducible harness—and what actually wins in production.

CSS code editor popover UI tooltip accessibility — illustration for article on CSS Popover API Examples Frontend and Mobile

CSS Popover API Examples + Accessibility Patterns

Production-ready Popover API recipes for menus, tooltips, and non-modal UI. Focus rules, screen reader traps, Anchor Positioning, nesting, and fallbacks—without pulling in a floating UI library by default.

Tailwind CSS vs CSS Modules 2026: Which Wins for Your Stack? Frontend and Mobile

Tailwind CSS vs CSS Modules: Which Fits Your Stack in 2026?

Tailwind CSS wins for rapid UI development, design systems, and teams that want co-located styles; CSS Modules wins for strict encapsulation, legacy codebases, and teams that prefer semantic, maintainable class names. Your framework choice and team size tip the scales.

Astro vs Next.js in 2026: Which Framework Should You Actually Use? Frontend and Mobile

Astro vs Next.js: Which Framework Should You Use?

Astro wins for content-heavy, performance-critical sites where JavaScript should be minimal. Next.js wins for full-stack apps needing server actions, auth, and real-time features — here's how to choose.

a room filled with lots of windows in a dark room Frontend and Mobile

Claude Artifacts for UI Design: I Gave It an Impossible Dashboard Challenge

I asked Claude Artifacts to build a full drone fleet management dashboard from a vague brief. Here's what happened across 14 iterative prompts — and where AI-generated UI actually breaks down.

Abstract green digital pattern with vertical lines Technology

Hotwire vs Next.js: Can Server HTML End SPA Bloat?

I built the same app with Hotwire and Next.js. The JavaScript payload difference was staggering — and it changed how I think about frontend architecture defaults.

Abstract swirl of purple, green, and orange light. Frontend and Mobile

Native Browser APIs That Replace JavaScript Libraries

9 native browser APIs now handle transitions, popovers, i18n, and more — here's why your JavaScript dependencies are becoming dead weight.

a purple light in a dark room Frontend and Mobile

CSS DOOM: How CSS 3D Transforms Render DOOM Without WebGL

A technical breakdown of how CSS perspective, preserve-3d, and clever DOM manipulation can render a DOOM-style 3D world — no canvas, no WebGL, just divs.

vite javascript bundler npm terminal performance — illustration for article on Vite vs Turbopack vs Rspack Technology

Rspack vs Vite vs Turbopack: Build Speed Benchmarks Compared

Vite 8, Turbopack, and Rspack 2.x all shipped major updates in 2026. I compared cold starts, HMR, and production builds — one tool clearly wins for most teams.

Abstract colorful light trails on dark background Frontend and Mobile

JavaScript Bloat: 3 Architectural Root Causes and Fixes

Most JavaScript bloat advice stops at tree-shaking and code-splitting. The real problem is architectural: client-side rendering, zombie polyfills, and third-party script sprawl are the three pillars you need to tear down.

Keep exploring

Close to this topic, not on this page.