HTML5 offline

1,477 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,477
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×