Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5 offline

1,520 views

Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

HTML5 offline

  1. 1. Welcome! Tuesday, June 8, 2010
  2. 2. Who am I? Tuesday, June 8, 2010
  3. 3. Me: Huge Apple fanboy! Tuesday, June 8, 2010
  4. 4. Tuesday, June 8, 2010
  5. 5. I am the mayor ‘n shit! Tuesday, June 8, 2010
  6. 6. Tuesday, June 8, 2010
  7. 7. Tuesday, June 8, 2010
  8. 8. Native app Web app 3 2 1 0 Requests Tuesday, June 8, 2010
  9. 9. Native app Web app 3 2 AG E! S U CK 1 0 Requests Tuesday, June 8, 2010
  10. 10. Ruby’s syntax Objective-C syntax Tuesday, June 8, 2010
  11. 11. app-store approval process Tuesday, June 8, 2010
  12. 12. Release early release often Tuesday, June 8, 2010
  13. 13. What is the answer? Tuesday, June 8, 2010
  14. 14. Tuesday, June 8, 2010
  15. 15. Wow awesome! Tuesday, June 8, 2010
  16. 16. Tuesday, June 8, 2010
  17. 17. The answer: Tuesday, June 8, 2010
  18. 18. The answer: Webapps Tuesday, June 8, 2010
  19. 19. The real answer: HTML5 Offline Module http://www.w3.org/TR/offline-webapps/ Tuesday, June 8, 2010
  20. 20. Cache Manifest Tuesday, June 8, 2010
  21. 21. The manifest file mime: text/cache-manifest CACHE MANIFEST index.html stylesheets/all.css javascripts/jquery.js javascripts/rails.js javascripts/application.js images/logo.png images/hoff.png NETWORK: contacts/index.json Tuesday, June 8, 2010
  22. 22. <!DOCTYPE HTML> <html manifest="/cache-manifest"> Tuesday, June 8, 2010
  23. 23. Can you hear me now? var online = navigator.onLine; Tuesday, June 8, 2010
  24. 24. Grab the data and run! $.get('/contacts.json'); Tuesday, June 8, 2010
  25. 25. An app aint nuthing without: Persistent storage Tuesday, June 8, 2010
  26. 26. SQL database http://www.w3.org/TR/offline-webapps/#sql Tuesday, June 8, 2010
  27. 27. Key-value persistent data storage http://www.w3.org/TR/webstorage/ Tuesday, June 8, 2010
  28. 28. html5demos.com Tuesday, June 8, 2010
  29. 29. Justin Halsall • blog: juice10.com • pet project: tvnotify.com • twitter.com/juice10 • wakoopa.com/juice10 • github.com/Juice10 Tuesday, June 8, 2010
  30. 30. snoranje.nl Tuesday, June 8, 2010

×