HTML can do that?
summary
Eight concrete HTML features are shown and evaluated: eight named elements/attributes including dialog element (minimal JS to open/close, built‑in accessibility, partial Safari edge cases), details + summary (zero JS disclosure), image source/srcset and sizes for correct preloads, datalist autocompletion, inputmode/enterkey for mobile keyboards, the form attribute to link buttons to remote forms, ordered list attributes and proper button types. Each entry notes browser support, how many lines of JS are avoided, and when fallback or extra scripting is still required.
AI-written summary · about
chapters (9)
- 0:00Intro
- 3:34Dialogue element
- 6:10Details summary element
- 7:37Picture and Source element
- 11:17Enter key and input mode
- 12:52Link modal dialogue and form
- 14:25Reverse attribute
- 15:55Button element
- 17:39Conclusion
related talks
01h 13mHTML
34mHTML Best Practice
30mAdvanced HTML for Performance & Accessibility
01h 05mHTML: The Good Parts
50mAdvanced HTML for Good Developers
28mSemantic HTML: What, Why, and How
57mAdvanced HTML for Performance & Accessibility
44mThe HTML Treasure Hunt: from JavaScripter to Front End Superhero in 29 Minutes