AuthonAuthon Blog
All articles

#frontend

11 articles tagged with “frontend”

Best JS Framework for AI Coding: SvelteKit Burns 71% More Tokens Than Next.js
comparison

Best JS Framework for AI Coding: SvelteKit Burns 71% More Tokens Than Next.js

Same app, 12 frameworks, Claude Opus 5.5: Nuxt used the fewest tokens at 3.85M, Angular hit 9.76M, and going vanilla JS didn't save anything.

javascriptwebdevfrontend
Firefox 153 Local Mode: Open Local HTML Files Over HTTPS Without a Server
tutorial

Firefox 153 Local Mode: Open Local HTML Files Over HTTPS Without a Server

Each mapped folder gets its own https:// origin, so service workers register and fetch() works. The catch: it only runs while DevTools is open.

webdevfrontendjavascript
JPEG XL vs AVIF in 2026: Chrome Ships JXL, but AVIF Still Makes Smaller Files
comparison

JPEG XL vs AVIF in 2026: Chrome Ships JXL, but AVIF Still Makes Smaller Files

JPEG XL photos come out 15-25% larger and decode 2-3x slower than AVIF. The <picture> markup to ship, and the three cases where JXL wins.

webdevfrontendperformance
How to Fix Slow Page Loads Caused by Third-Party Scripts
debugging

How to Fix Slow Page Loads Caused by Third-Party Scripts

When third-party scripts wreck your Core Web Vitals, here's how to find the worst offenders and fix the slowdown without rewriting your app.

webperfjavascriptfrontend
Why 'x time ago' is broken everywhere and how to actually fix it
debugging

Why 'x time ago' is broken everywhere and how to actually fix it

Relative timestamps like '2 hours ago' have been quietly breaking across the web. Here's the root cause and a step-by-step fix using Intl.RelativeTimeFormat.

webdevjavascriptfrontend
How to fix the 'AI-generated' look in your frontend
debugging

How to fix the 'AI-generated' look in your frontend

Why AI-generated frontends all look the same, and four concrete fixes — custom palette, asymmetric layouts, component vocabulary, and lint rules.

webdevcssfrontend
Why your Tailwind project feels unmaintainable, and how to structure CSS instead
debugging

Why your Tailwind project feels unmaintainable, and how to structure CSS instead

Utility-first CSS can leave your codebase hard to refactor. Here's how to restructure with design tokens, @layer, and semantic component classes.

csswebdevfrontend
Tabular Numbers in CSS: font-variant-numeric vs Monospace Hacks
comparison

Tabular Numbers in CSS: font-variant-numeric vs Monospace Hacks

A practical comparison of monospace fonts vs font-variant-numeric: tabular-nums, plus a migration guide for cleaning up jittery numbers in your UI.

csswebdevfrontend
React 20 Is Coming. Here's What Actually Matters (and What Doesn't).
tutorial

React 20 Is Coming. Here's What Actually Matters (and What Doesn't).

React 20 is in development. Heres whats actually worth caring about and what you can safely ignore.

reactjavascriptfrontend
Why Every AI-Built Website Looks the Same (Blame Tailwind's Indigo-500)
tutorial

Why Every AI-Built Website Looks the Same (Blame Tailwind's Indigo-500)

Open three tabs of AI-generated landing pages. Any three. I guarantee at least two of them have a purple gradient, Inter font, rounded cards with subt

aiwebdesigntailwind
Recreating Windows XP in React: Why Devs Keep Building OS Clones
tutorial

Recreating Windows XP in React: Why Devs Keep Building OS Clones

A deep dive into building Windows XP in React — why OS clone projects teach you more about frontend development than most tutorials ever will.

reacttypescriptfrontend
Articles tagged "frontend" | Authon Blog