The HTML Treasure Hunt: from JavaScripter to Front End Superhero in 29 Minutes
summary
A practical tour of HTML specifics: use the picture element and responsive image sources to cut payloads (one listener reports a page 70% smaller), prefer semantic tags like header nav main footer so screen readers and iWatch-style readers jump to content, add schema.org microdata for search features (Eventbrite shows 100% growth, JobRapido 115%), prefer input types (tel date) and let the accessibility tree do work instead of fragile JS—remember BuzzFeed reports 13 million JS timeouts a month and median mobile sites ship 384KB 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
50mAdvanced HTML for Good Developers
22mHTML: How to Make Loveliness
01h 05mHTML: The Good Parts
30mAdvanced HTML for Performance & Accessibility
31mAdvanced HTML for good developers
57mAdvanced HTML for Performance & Accessibility