dialog, details, datalist, progress, optgroup, and more:
If this article helps just a single developer avoid an unnecessary Javascript dependency, I’ll be happy. Native HTML can handle plenty of features that people typically jump straight to JS for (or otherwise over-complicate).
This is such a brilliant idea! Why not allow an img element inside video element in order to provide a responsive, accessible poster image?
Here’s another nice progressive web component for your forms, this time for showing error messages.
Here’s an excellent progressive web component from Aaron—wrap a custom element around your exising form and your good to go:
At its core,
form-saveris a small web component that wraps a form, keeps an eye on it, stores values inlocalStorage, and restores them when the page loads again. Better yet, it clears out saved data after a successful submission so you’re not accidentally resurrecting stale information the next time someone stops by.
This is a clever technique for a CSS/HTML only way of just-in-time loading of iframes using details and summary.
Well, this is horrifying.
Here’s an HTML web component you can use if you’re participating in the origin trial for the Web Install API.
Turning accessibility awareness into action with HTML.
Try writing your HTML in HTML, your CSS in CSS, and your JavaScript in JavaScript.
An alternate route to a declarative version of the Web Share API.
A lazy option for responsive images is at hand.