#248 Offline Apps Part 2

Jan 10, 2011 | 14 minutes | Ajax, Plugins, Rack

Learn how to make a site usable offline with HTML 5 localStorage. This last part of the series covers jquery-tmpl and jquery-offline.

Click to Play Video ▶

Download:
source codeProject Files in Zip (120 KB)
mp4Full Size H.264 Video (27.6 MB)
m4vSmaller H.264 Video (17.1 MB)
webmFull Size VP8 Video (43.9 MB)
ogvFull Size Theora Video (36.1 MB)

Bruno Frank almost 14 years ago

Very good, how is the safe way to do it in authenticated app?

Thanks.

Florent Monbillard almost 14 years ago

Great episode, as usual, just a bit sad it's the last of the offline series : I would have been glad to see you covering web sql database.
Maybe for a next episode !

jerseys22 almost 14 years ago

I really like what I see here. I hope it comes to pass

Brian almost 14 years ago

Excellent episode. Like Bruno asked, do you have any advice for dealing with user authentication for off-line apps.

John Deliyiannis almost 14 years ago

Very nice screencasts!

A little off topic, you mentioned that you transfered it to your iphone for the supermarket. How do you transfer the files there and viewing them offline? Is this possible to an ipad?

Anton Trapp almost 14 years ago

Great screencast - as always!
Thank you very much, you really save me much time with almost every episode...

btw: I don't know ANY (no, really, not one single person!) person who is using prototype with Rails...

introspectif almost 14 years ago

Really excellent. Related to what Bruno and Brian asked, any chance of a part III focused on authenticated apps?

Nico Ritsche almost 14 years ago

Erm, Antony, Prototype used to be the default rails js library. Many used it and I guess still many do... ;-)

Robin Matthews almost 14 years ago

Thanks Ryan, very timely as ever.

You might want to take a look at js-model to help manage your model and persistence. You can find it here: https://github.com/benpickles/js-model

dragonbird almost 14 years ago

I especially loved the quicky mini-explanations on the JavaScript---Wow Wow! Wow!!
What an adventure!
Thank You Thank You Thank You

Ches Martin almost 14 years ago

Small note: from the looks of the jQuery API docs and source, it doesn't appear that jQuery.support.localStorage actually works -- they note that the feature detection is mostly aimed at a small set of features needed for jQuery core and plugins.

Modernizr is a nice straightforward solution for simple yet pretty comprehensive feature detection that I'm finding very handy for graceful HTML5 degradation:

http://www.modernizr.com/

Andr almost 14 years ago

Hey Ryan, Thanks for your work!
One question, how do you manage validation off-line?
If the model is a little more complex that one column. it could be a nightmare no?

Enrico Carlesso over 13 years ago

Sorry for those who's using Prototype! Never a mention for Mootools users! :D

kainlite almost 12 years ago

awesomeness on every railscast!

Brewster about 11 years ago

I recently wrote a very simple library to handle queuing get/post requests before I stumbled upon this episode. Its nice to be reassured of the approach. If anyone is interested, its available at

https://github.com/brewster1134/jquery.cumin

It currently only supports localstorage, but i plan on supporting cookies and a plain JS object to store the queue in the future.

Feel free to post issues or contribute.