HTML5 addressbook

0 views

Published on

The presentation used along with the demo of html5 local storage & application cache

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
0
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML5 addressbook

  1. 1. addressbook made with by @anabarasan
  2. 2. <ul><ul><li>A simple address book </li></ul></ul><ul><ul><li>Should be accessible from anywhere </li></ul></ul><ul><ul><li>Should work even when offline </li></ul></ul>
  3. 3. Local Storage API Application Cache API 
  4. 4. Local Storage API <ul><ul><li>getItem(key) </li></ul></ul><ul><ul><li>setItem(key) </li></ul></ul><ul><ul><li>removeItem(key) </li></ul></ul><ul><ul><li>clear() </li></ul></ul><ul><ul><li>key(index) </li></ul></ul><ul><ul><li>length </li></ul></ul>
  5. 5. Application Cache API window.applicationCache Cache Manifest <ul><ul><li>checking </li></ul></ul><ul><ul><li>noupdate </li></ul></ul><ul><ul><li>downloading </li></ul></ul><ul><ul><li>progress </li></ul></ul><ul><ul><li>cached </li></ul></ul><ul><ul><li>updateready </li></ul></ul><ul><ul><li>obsolete </li></ul></ul><ul><ul><li>error </li></ul></ul><ul><ul><li>update() </li></ul></ul><ul><ul><li>abort() </li></ul></ul><ul><ul><li>swapCache() </li></ul></ul>states events
  6. 6. http://diveintohtml5.info/storage.html   http://diveintohtml5.info/offline.html   http://appcachefacts.info/ http://www.html5rocks.com/en/tutorials/appcache/beginner/ https://developer.mozilla.org/En/Offline_resources_in_Firefox   https://github.com/anabarasan/html5-addressbook  
  7. 7. DEMO

×