Tweet
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