» Tag
frontend
64 postsThe 2010 Article That Coined 'Responsive Web Design'
A synthesis of the 2010 A List Apart article that coined 'responsive web design,' its architectural inspiration, and its CSS3 media query foundations.
CauseScope traces React UI bugs back to the API call that caused them
CauseScope is an open-source Vite plugin that traces a disabled button or wrong React render back to the exact API response that caused it.
Next.js ISR and On-Demand Revalidation Explained
A practical look at Next.js ISR vs on-demand revalidation, cache tag strategies, webhook integration, and common caching mistakes to avoid.
CommitBrief — AI code reviews, right in your terminal
A provider-agnostic, local-first CLI that reviews your staged changes, a historic range, or a whole GitHub pull request. Zero telemetry, no server. Free and open source.
commitbrief.comCSS View Transitions: Page Animations Without JavaScript
A developer explains adding CSS-only @view-transition animations to a blog without JavaScript routers, covering layout sliding and common pitfalls.
Partial Prerendering in Next.js: Static Shell, Dynamic Stream
Next.js's experimental PPR feature serves a static HTML shell instantly from the CDN while streaming dynamic Suspense sections from origin in the same response, replacing ISR tradeoffs.
AI-Generated UI Is Inaccessible by Default
AI code-gen tools produce visually polished but semantically empty React UI. A five-layer system enforces real accessibility tree correctness.
React 19 useOptimistic: Patterns and Pitfalls in Real Forms
React 19's useOptimistic shows results before server confirmation. Battle-tested patterns from a comment box, like button and settings form, plus three costly pitfalls.
Mirrorframe clones web pages into React, verified by pixel diff
Mirrorframe captures a live web page with a headless browser, extracts a Design Genome, and rebuilds it as a React app—verified node by node via pixel diff, no LLM involved.
border-shape is the property clip-path always owed you
CSS's new border-shape property fixes the long-standing clip-path problem where borders, shadows and outlines got clipped away along with the element.
Why WebGL Interfaces Need an Interaction Budget, Not Just FPS
WebGL apps need more than high FPS. Learn the five-dimension interaction budget for responsive, memory-safe, sustainable 3D web interfaces.