HTML5 - a brief introduction

A condensed version of a presentation on HTML5.

This version of the workshop was given at an internal meetup in Amsterdam in July 2010.

Transcript

1. <html5>
2. 1. 2. 3. 4. overview web storage drag and drop form features
3. HTML 5 really wanted to be JavaScript.
4. “Scripting should be avoided when more declarative markup can be used.” W3C’s official position on scripting
5. HTML 5, right now, is a celebration of Webkit. (this includes MobileSafari and Android)
6. Web Storage localStorage sessionStorage 6.0: 7.0: 8.0: 3.0: 3.5: 4.0: 3: 4 / 5: mob: 5.0: 6.0: mob: ✗ ✗ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗
7. localStorage
8. storing data 1.
9. persisting across (tab) sessions 2.
10. persisting across (browser) sessions 3.
11. sessionStorage
12. storing data 1.
13. 2. persisting across (single tab) sessions
14. 3. no persistence across (browser) sessions
15. drag and drop is messed up. 6.0: 7.0: 8.0: 3.0: 3.5: 4.0: 3: 4 / 5: mob: 5.0: 6.0: mob: ✗ ✗ ? ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗ ✗
16. “You MUST NOT use HTML 5 drag and drop. Rely on old-school scripts instead.” Peter-Paul Koch from quirksmode.org
17. Mozilla Firefox Google Chrome
18. MSIE 6.0 MSIE 7.0
19. MSIE 8.0 before MSIE 8.0 after
20. 6.0: 7.0: 8.0: 3.0: 3.5: 4.0: 3: 4 / 5: mob: 5.0: 6.0: mob: ✗ ✗ ✓ ✓ ✓ ✓ ✗ ✗ form features ✗ ✗ ✓ ✓
25. You + HTML 5 =
26. fallback = jQuery
27. “I expect HTML5 to become a W3C Recommendation in the year 2022 or later.” Ian Hickson, editor of the HTML5 spec
28. </html5>