Users should be able to view a list of headlines and be able to click or tap into any to read the full content.There should be an easy and reliable way to upgrade users’ cached versions of the demo app if we ever want to add functionality to or fix bugs in client side code.Users should be able to download the latest articles.The completed project is ready for forking on github. We are going to make a simple RSS feed reader capable of storing the latest news items for offline reading. This tutorial intentionally avoids going into detail on particular technologies and instead attempts to give a high level overview on how, with the fewest lines of code and in the shortest amount of time, various technologies can be brought together to create an real (and potentially useful) working web app that is structured in a way that makes further development on it in the future easy. Many existing tutorials tend to focus on a single technology at a time. In this tutorial we will build two versions of an offline website in order to demonstrate how to add functionality to an existing offline website in such a way that existing users won’t get left behind using an old version. There are plenty of great resources already written for offline HTML5 websites, but just getting a website to work offline is not enough. Why the world needs another Offline HTML5 App Tutorial I now recommend only implementing IndexedDB integration and using the IndexedDB polyfill to support browsers that only provide WebSQL.įor the actual integration with IndexedDB I recommend using Dexie.js a Promise-based library that makes integrating with IndexedDB easy and safe. Most importantly, my advice on using local databases (WebSQL and IndexedDB) has evolved since writing this article. For more up to date tips and best practise see my offline web app workshop, published for free on GitHub, which includes a chapter on building an offline news app. This article is a little out of date but it still gets a lot of traffic.

Tutorial: How to make an offline HTML5 web app, FT style 9th November 2014 Update

Html5 compiler