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