Tutorial: How to make an offline HTML5 web app, FT style
There are plenty of great resources already written for offline HTML5 websites, but just getting a website to work offline is not enough.
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.
Read the full tutorial on the FT Labs website…
Earlier this month I wrote that – my first contribution to the Financial Times’ (my employer) technical web development blog.
I’d been at the FT for 6 months – and it really was the article I wish I could have read when I started – getting my head around the FT Web App‘s source code wasn’t easy as there were so few resources available on the internet to help. It seemed not many people had made client side database powered, responsively designed, touch enhanced fully featured offline web apps, even less written tutorials or books about it.
The feedback within the company and on Twitter as well as the analytics data to the post have been awesome – and it has inspired me to finally get around to starting this blog and write more.
I’m working on the follow up “Tutorial 2: Going cross platform with an FT style web app” – where I add full compatibility with IE10 (including Windows Metro) and Firefox as well as gracefully degrading partial support right down to IE6 – with a bit of luck part 2 of the tutorial will be online from the 1st September 2012.