HTML5 Client-side Storage          That’s hot.          Andrew Hedges          a@tapulous.com          @segdeha
The web is stateless.        http://reinep.files.wordpress.com/2011/02/julian-assange-wikileaks.jpg
http://www.toothpastefordinner.com/060606/whats-better-than-a-cookie.gif
If only we could store stuff on the client-side.
http://farm6.static.flickr.com/5050/5369917493_111ef869bd.jpg
Web SQLhttp://yourdumpsterrentals.com/images/Dump-Truck.jpg
localStoragehttp://c1.gas2.org/files/2008/04/hondacivicgx.jpg
sessionStorage  http://dvice.com/pics/smart-car.jpg
Web SQL                      localStorage                                                  sessionStorage Safari 3.2      ...
Web SQL          localStorage      sessionStorage    Persistent        Persistent      Session-based Asynchronous       Sy...
Obligatory “we’re hiring” slide.     tapulous.com /jobs
HTML5 Client-side Storage
Upcoming SlideShare
Loading in …5
×

HTML5 Client-side Storage

2,465 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

HTML5 Client-side Storage

  1. 1. HTML5 Client-side Storage That’s hot. Andrew Hedges a@tapulous.com @segdeha
  2. 2. The web is stateless. http://reinep.files.wordpress.com/2011/02/julian-assange-wikileaks.jpg
  3. 3. http://www.toothpastefordinner.com/060606/whats-better-than-a-cookie.gif
  4. 4. If only we could store stuff on the client-side.
  5. 5. http://farm6.static.flickr.com/5050/5369917493_111ef869bd.jpg
  6. 6. Web SQLhttp://yourdumpsterrentals.com/images/Dump-Truck.jpg
  7. 7. localStoragehttp://c1.gas2.org/files/2008/04/hondacivicgx.jpg
  8. 8. sessionStorage http://dvice.com/pics/smart-car.jpg
  9. 9. Web SQL localStorage sessionStorage Safari 3.2 Safari 4 Chrome 4 Chrome 4 Opera 11 Opera 11 iOS 3.2 iOS 3.2Android 2.1 Android 2.1Opera Mini 5 IE 8 Firefox 3.5IndexDB Firefox 4 Sources: http://www.html5rocks.com/features/storage & http://caniuse.com/
  10. 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 separateLarge amounts of windows across windows structured data Source: http://caniuse.com
  11. 11. Obligatory “we’re hiring” slide. tapulous.com /jobs

×