This is the additional part to the previous tutorial "Create a self caching website ready for offline usage with HTML5 and jQuery". Our script is able to cache and restore markup, stylesheets and javascripts. Basically everything you need to make a kick-ass website. All of these assets are simple text and can be cached/restored as is. But how could we cache non-text based content, such as images, in HTML5's localStorage?

In this tutorial we will create a website that is able to cache its own content, including markup, stylesheets and javascripts, as a user browse it. To dynamically restore cached files we use a offline manifest. Or in other words: every page a user visited online will be available offline too.

Ajax requests to third party websites are normally not possible because of security restrictions. But there are several client-side techniques to work around this restrictions. Learn about them in this handy guide.

In this tutorial we enhance the last week created z-index gallery with a picture preloader and a loading indicator to smooth up the gallery. In barely 10 lines of code!

In this tutorial we will combine the CSS property ‘z-index’ and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures.