The HTML Treasure Hunt: from JavaScripter to Front End Superhero in 29 Minutes
summary
Demonstrates concrete wins from using HTML semantics: the picture element serves WebP and cuts image bytes by 25–34% and one site shrinks a page by 70%, structured data drives measured SEO gains (Eventbrite +100%, Jobrapido +115%), HTML5’s parsing algorithm yields a consistent DOM across browsers, correct label/checkbox markup fixes tap targets, and reliance on heavy frameworks causes real harm — BuzzFeed sees ~13 million monthly JS timeouts (1%) and the median mobile site ships 384 KB of JS.
AI-written summary · about
chapters (18)
- 0:00Intro
- 2:13Treasure!
- 4:25The treasure map
- 6:34Introduction
- 10:56The Raw Materials
- 12:21Top four
- 13:24HTML is declarative
- 14:39so is backwards compatible
- 15:19Paving a cowpath
- 17:18HTML is interoperable.
- 18:45JavaScript is NOT declarative
- 19:23Principle of Least Power
- 22:04Oooh demo
- 23:05Wooooh code
- 27:12Screen reader users
- 34:17Accessibility is part of Usability
- 35:42Sir Uncle Timbo
- 37:22react-bootstrap
related talks
44mThe HTML Treasure Hunt: from JavaScripter to Front End Superhero in 29 Minutes
39mHow To Make Loveliness: an HTML treasure hunt
22mHTML: How to Make Loveliness
50mAdvanced HTML for Good Developers
30mAdvanced HTML for Performance & Accessibility
44mEnhance!
01h 05mHTML: The Good Parts
57mAdvanced HTML for Performance & Accessibility