<html5>
1.   overview
2.   web storage
3.   drag and drop
4.   form features
HTML 5 really wanted
  to be JavaScript.
“Scripting should be avoided
   when more declarative
   markup can be used.”

                         W3C’s official
   ...
HTML 5, right now, is a
celebration of Webkit.
 (this includes MobileSafari and Android)
Web Storage
localStorage          sessionStorage


  6.0: ✗     3.0: ✓      3:     ✗   5.0: ✓
  7.0: ✗     3.5: ✓      4 /...
localStorage
1.   storing data
persisting across
3.   (browser) sessions
1.   storing data
no persistence across
3.   (browser) sessions
drag and drop
           is messed up.

6.0:   ✗      3.0: ✗   3:     ✗   5.0: ✓
7.0:   ✗      3.5: ✓   4 / 5: ✓   6.0: ✓
...
Mozilla Firefox   Google Chrome
MSIE 8.0   MSIE 8.0
  before     after
You + HTML 5 =
fallback = jQuery
“I expect HTML5 to become
a W3C Recommendation in
   the year 2022 or later.”

                     Ian Hickson, editor
  ...
</html5>
HTML5 (20100713)
HTML5 (20100713)
HTML5 (20100713)
HTML5 (20100713)
HTML5 (20100713)
HTML5 (20100713)
HTML5 (20100713)
HTML5 (20100713)
HTML5 (20100713)
HTML5 (20100713)
Upcoming SlideShare
Loading in...5
×

HTML5 (20100713)

558

Published on

Extremely condensed version of the HTML5 research done at Mediamatic during the summer of 2010.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
558
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "HTML5 (20100713)"

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

×