Getting a close button to hang off of a dialog
Simpler dialogs with anchor-positioned close buttons.
HTML news
-
-
IDREFs: what they are and how to use them
How to build explicit HTML and ARIA relationships for accessibility.
-
Smooth view transitions for dialogs
Combining modern web APIs for seamless UI animations.
-
Results of the State of HTML 2025 survey
Developers still value practical UI over flashy new tech.
-
How HTML changes in ePub
How HTML and CSS behave inside ePub ebooks.
-
Top layer troubles: popover vs dialog
Why toast popovers can float above dialogs yet stay unreachable, and how to fix the top-layer trap.
-
Dialog and popover: layered UI patterns
Built-in layered UI with focus, top layer, and animations handled for you.
-
HTML
popoverattribute in practiceCovers implicit anchors, auto vs manual vs hint modes, and JS control for accessible popovers.
-
A complete guide to the
<input type="number">A detailed walkthrough of the input number, its quirks and best practices in modern browsers.
-
Simple one-time passcode inputs
Using just HTML and a few attributes, you can build accessible and reliable OTP forms.
-
HTML’s best kept secret: the
<output>tagRediscover the forgotten HTML element that improves accessibility.
-
Searchable, collapsible sections with
hidden="until-found"Enhancing collapsible sections with progressive discovery and better find-in-page support.
-
setHTML(), Trusted Types and the Sanitizer APINew setHTML() and Sanitizer API prevent XSS by safely inserting HTML into the DOM.
-
A native way of having more than one thumb on a range slider in HTML
Proposed <rangegroup> element for multi-thumb range sliders with ::slider-thumb() styling.
-
Abandonware of the web: do you know that there is an HTML tables API?
Built-in DOM methods like insertRow and insertCell make building and querying tables easier.
-
Screen reader HTML support
Compatibility table of HTML elements in JAWS, NVDA, VoiceOver, and TalkBack.