Why not just use <meta name="apple-mobile-web-app-capable" content="yes">
to completely remove the browser chrome entirely?
This way you can use your alert to tell them to "pin to homescreen" so that they can enjoy fullscreen - and they only have to see it once.
IMO this is FAR less annoying to your end-users.
I'm not able to get this trick to work with <li/>, is there a work-around for lists?
IMO it's way faster and easier to simply use LICEcap.
Very useful, nice resource.
It's worth noting that .cookie() is a plugin, and not native to jQuery.
One might want to get in the habit of writing <strong>border-radius: 50%;</strong>, to make a circular element at any size (and without any math).
How about an explanation, a demo link, or... anything useful?
Works in Firefox, too.
Just in case, here's the solution to keep webapp links inside a webapp - it's super easy:
http://stackoverflow.com/questions/2898740/iphone-safari-web-app-opens-links-in-new-window