The HTML Document Outline: Headings, Sections, and Hierarchy
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 →Html
Accessible HTML Forms: Labels, Errors, and Focus Management
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 →
ARIA Roles in Practice: When to Use Them and When Not To
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 →
Responsive Images: srcset, sizes, and the picture Element
How the browser selects among image candidates — the srcset descriptor syntax, the sizes attribute calculation, the picture element for art direction, and …
Read more →
CSS Date and Calendar Display Patterns
CSS techniques for displaying dates, timestamps, and calendar interfaces — formatting, layout patterns, and the semantic HTML that should sit underneath them.
Read more →
Progressive Enhancement as a Design Discipline
What progressive enhancement actually means in practice — not a nostalgic HTML-first dogma, but a structural approach to building interfaces that work for more …
Read more →
<abbr> and Acronyms in HTML: Semantics for Shortened Terms
How to mark up abbreviations and acronyms in HTML correctly — what the abbr element does, when to use title attributes, screen reader behavior, and the …
Read more →
Testing with Lynx: What Text-Based Browsing Reveals About Your HTML
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 →
Semantics, HTML, and Document Structure
How semantic HTML elements — article, section, nav, aside, main — shape document structure, accessibility, and the user experience of every interface.
Read more →
HTML Form Validation: Input Types, Patterns, and the Constraint Validation API
How native HTML form validation works — input types, required, pattern, and the Constraint Validation API — before a single line of custom JavaScript.
Read more →