Building Offline Experiences with HTML5 AppCache and IndexedDB

[Guest BSchwarz]

Users expect their Web sites and apps to work well even when the network isn't available. With data increasingly stored in the cloud, developers want to enable fluid experiences that allow access to data when there is no connectivity when devices are disconnected from the network or when they encounter dead spots in coverage.

 

In this post, we show how to create well-behaved offline sites and apps using the following HTML5 features:

 

[*]AppCache to store file resources locally and access them offline as URLs

[*]IndexedDB to store structured data locally so you can access and query it

[*]DOM Storage to store small amounts of text information locally

[*]Offline events to detect if you