background preloader

Lab & Innovation

Facebook Twitter

Popplet | Collect, curate and share your ideas, inspirations, and projects! Mobile Mouse for the iPhone, iPod & iPad. Emailology - The Science of Looking Good in the Inbox. Offline Browsing in HTML5 with ApplicationCache. Offline browsing is becoming increasingly important to web developers and designers. Giving the user the ability to use your website offline has always been a goal, but one that was pretty difficult to reach, to say the least.

As we move into the age of HTML5, however, this is changing and you can now take advantage of the ApplicationCache interface. Using the application cache, you can specify which files the browser can cache and use when the user is offline. Your website will work as if the user is online, and best of all, they won’t notice any difference! So, how do you specify which files the browser should cache? The Cache Manifest The cache manifest file lives inside your website, and it defines which files can be cached by the browser.

The catch is this must be included on every page. Cache Manifest Gotcha Here’s something else to watch out for. Choose Add and enter the new MIME type. This needs to be done before any files are to be cached by the browser. The Cache Manifest Structure. Mozilla Labs.