Static Signal

Decoding the future of web development

81 stn
1580kHz

Media Queries Ask the Wrong Question

A media query asks how wide the window is. Your card needs to know how wide its slot is. Container queries answer that with zero JavaScript.

Tune in

Station log

All 81 stations
  1. 1580

    Media Queries Ask the Wrong Question

    A media query asks how wide the window is. Your card needs to know how wide its slot is. Container queries answer that with zero JavaScript.Tailwind CSS · Static Architecture · Developer Experience (DX)    A single ornate brass mechanical module resting inside several differently sized copper alcoves at once in a dark steampunk vault, each copy unfolding its gears and panels to fit the exact width of its own niche, neon teal light tracing the walls of every alcove while a giant clouded brass gauge for the whole room hangs ignored overhead
  2. 1567

    Your Favicon Markup Is Mostly Dead Code

    Favicon generators still emit tile XML, mask icons, and a dozen PNG sizes. Modern browsers need a handful of files and four lines of HTML.Static Architecture · Web Performance · Developer Experience (DX)    A dark steampunk vault where one small brass emblem glows teal and purple on a pedestal, while behind it a towering wall of dusty identical copper stamping dies of every size sits unused under cobwebs and drifting fog, reflected in a wet iron floor
  3. 1555

    Inline SVG Icons Ship With Every Page

    Your icon component pastes the same path data into every HTML file you build. For site chrome, one cached sprite beats a thousand inline copies.Web Performance · Static Architecture · Astro    A vast dark steampunk print hall where a brass stamping machine endlessly presses the same small glowing neon glyph onto an infinite conveyor of copper sheets, while above it a single ornate glass reliquary holds one master glyph radiating teal and purple light, fog drifting across reflective iron floors
  4. 1542

    Critical CSS Extraction Solves a Problem You Don't Have

    Critical CSS tooling guesses a viewport, duplicates your rules, and breaks your CSP. On most static sites the whole stylesheet is smaller than the fix.Web Performance · Static Architecture · Astro    A towering brass cutting machine in a fog-filled steampunk foundry, dozens of clockwork arms painstakingly slicing a single glowing neon-purple sheet into tiny fragments while an identical intact sheet already sits finished and gleaming on the tray beside it, teal and amber light reflecting off wet copper floors
  5. 1529

    Your Accordion Doesn't Need JavaScript

    Accordions, disclosures, dropdowns, and modals are now HTML. Shipping a hydrated component for them buys you bugs the browser already fixed.Static Architecture · Web Performance · Astro    A towering brass cabinet of stacked hinged drawers in a dark steampunk workshop, one drawer sliding open on its own to spill soft neon teal light, while a discarded tangle of copper wires, pistons, and clockwork motors lies disconnected on the fog-covered floor beside it
  6. 1516

    The sizes Attribute Is a Promise About Your CSS

    The browser picks a srcset image before it has read your CSS. The sizes attribute is the only layout hint it gets, and most sites let it drift.Web Performance · Static Architecture · Astro    A row of brass picture frames of graduated sizes mounted on a dark steampunk wall, an oversized glowing canvas being forced by clockwork arms into the smallest frame, its edges spilling neon teal light over the brass, while precise copper measuring calipers hang unused beside it in drifting fog
  7. 1504

    Unlayered CSS Wins Every Fight

    Cascade layers are checked before specificity. Any CSS you write outside a layer beats every Tailwind v4 utility, no matter how weak its selector is.Tailwind CSS · Developer Experience (DX)    A towering stack of translucent brass-framed glass strata in a dark steampunk vault, each layer etched with faint glowing circuit patterns, while a single small unframed copper plate floats above the entire stack blazing with fierce neon amber light that overpowers every glowing layer beneath it, fog drifting across polished floors
  8. 1491

    Hydration Errors Are Bug Reports, Not Noise

    A hydration mismatch means your HTML and your JavaScript disagree about the page. Suppressing the warning picks a loser without telling you which.React · Next.js · Static Architecture · Developer Experience (DX)    Two enormous brass printing plates pressed face to face in a dark steampunk foundry, their engraved patterns almost aligned but visibly offset, thin arcs of neon purple and teal electricity crackling across every point where the grooves fail to meet, fog curling around copper gears

Band allocation

18 bands · stations per band
Static Architecture60Developer Experience (DX)35Web Architecture34Signal vs Noise25Web Performance23Next.js17DevOps16Astro11React06TypeScript06Cloud Platforms05Wordpress05Automation04Tailwind CSS04Node.js03Render.com03Headless CMS02Web Builders01
A 1950s family of four on a boomerang-print sofa, staring at a console television that shows only static, lit by its purple glow

Signal, not noise

Every station on this dial argues a position from production experience. No summaries of the docs, no framework cheerleading. If a trend doesn't survive contact with a real deployment, you'll read why.

About the receiverSubscribe