Slides from my recent presentation to the East Bay HTML5 Meetup.

1. HTML5 Client-side Storage
That’s hot.
Andrew Hedges
a@tapulous.com
@segdeha

2. The web is stateless.
http://reinep.files.wordpress.com/2011/02/julian-assange-wikileaks.jpg

3. http://www.toothpastefordinner.com/060606/whats-better-than-a-cookie.gif

4. If only we could store stuff on the client-side.

5. http://farm6.static.flickr.com/5050/5369917493_111ef869bd.jpg

6. Web SQL
http://yourdumpsterrentals.com/images/Dump-Truck.jpg

7. localStorage
http://c1.gas2.org/files/2008/04/hondacivicgx.jpg

8. sessionStorage
http://dvice.com/pics/smart-car.jpg

9. Web SQL localStorage sessionStorage
Safari 3.2 Safari 4
Chrome 4 Chrome 4
Opera 11 Opera 11
iOS 3.2 iOS 3.2
Android 2.1 Android 2.1
Opera Mini 5 IE 8
Firefox 3.5
IndexDB
Firefox 4
Sources: http://www.html5rocks.com/features/storage & http://caniuse.com/

10. Web SQL localStorage sessionStorage
Persistent Persistent Session-based
Asynchronous Synchronous Synchronous
Typed data String data String data
strings key/value pairs key/value pairs
numbers Want to access Want to keep
dates data across data separate
Large amounts of windows across windows
structured data
Source: http://caniuse.com

12. Obligatory “we’re hiring” slide.
tapulous.com /jobs