Frontend Craft · Web Standards
Editorial coverage of UI design, HTML semantics, CSS, accessibility, and frontend craft — for practitioners who want end users who rave about how easy it feels.
The first half of 2026 moved :has(), CSS nesting, subgrid and mask to Baseline Widely Available. That tier, not the new arrivals, is where fallbacks can finally …
Read more →
CSS @scope reached Baseline Newly Available in December 2025. Here's how scoped styling contexts work and when they replace BEM-style naming hacks.
Read more →
CSS Anchor Positioning is Baseline 2026. Learn how anchor-name, position-anchor, and @position-try replace JavaScript tooltip libraries with pure CSS.
Read more →
CSS Cascade Layers (@layer) give you explicit control over which styles win—independent of selector specificity. Here's how they work and when to use them.
Read more →
How Steve Jobs auditing a calligraphy class at Reed College in 1972 led directly to the typography on every personal computer ever made — and why that lineage …
Read more →
A structured reference to CSS — every major topic in one place, with links to in-depth coverage and the key concepts that make each area work.
Read more →
How heading levels and HTML5 sectioning elements create document structure, what the proposed outline algorithm was and why it failed, and how to build heading …
Read more →
How to build forms that work for everyone — label association, error messaging patterns, fieldset and legend for grouped controls, and the focus management that …
Read more →
How the browser selects among image candidates — the srcset descriptor syntax, the sizes attribute calculation, the picture element for art direction, and …
Read more →The first half of 2026 moved :has(), CSS nesting, subgrid and mask to Baseline Widely Available. That tier, not the new arrivals, is where fallbacks can finally …
Read more →CSS @scope reached Baseline Newly Available in December 2025. Here's how scoped styling contexts work and when they replace BEM-style naming hacks.
Read more →CSS Anchor Positioning is Baseline 2026. Learn how anchor-name, position-anchor, and @position-try replace JavaScript tooltip libraries with pure CSS.
Read more →
A developer-focused reference for WCAG 2.1 — what the 17 new success criteria added in 2.1 require, how they relate to 2.0, and what Level AA conformance means …
Read more →
The nine new and modified success criteria in WCAG 2.2 — what each requires, why it was added, and how to implement it in real interfaces.
Read more →
The first rule of ARIA — use native HTML — and when ARIA roles are actually necessary: the patterns where native HTML falls short and assistive technology needs …
Read more →How Steve Jobs auditing a calligraphy class at Reed College in 1972 led directly to the typography on every personal computer ever made — and why that lineage …
Read more →
A practical guide to web font loading strategies, font-display descriptors, variable fonts, and the rendering decisions that determine whether users rave or …
Read more →
The DevTools capabilities that change how you debug CSS, diagnose performance, inspect accessibility, and understand what the browser is actually doing with …
Read more →
How testing with the Lynx text browser exposes structural weaknesses in HTML that visual browsers hide — and why the fixes make every user's experience better.
Read more →
A systematic approach to cross-browser testing — what to check, which tools cover which gaps, and how to prioritize fixes without testing every browser equally.
Read more →