I’ve been doing some work for a Government client around making their cyber-safety info accessible to Aussie kids. One of the target devices is iPhone (actually Android is even higher priority since Android handsets are becoming far more common with kids, but that’s another bunch of excitement altogether).

The issue with iPod/iPhone bookmarking is that the Safari Mobile bookmarking icon is so ambiguous that very few people know what it does! We were after a solution for allowing the user to easily add the bookmark to their Home screen, but not get too naggy. Enter a cool little JavaScript lib called Mobile Bookmark Bubble. Here’s the app in action:

Bookmark popup in action

The library does the appropriate content-sensing so that it only activates on iPhone/iPad/iPod touch, and make use of some HTML5 local storage to make sure that if you cancel it away, it won’t come back again (using a nice fadeout after a few seconds of display).

The library ships with some example code to get you up and running quickly, and let’s you use custom metadata elements to point to a custom icon for this app (in my case 128x128 since I’m re-using the standard apple-touch-icon.png mechanism and that size looks slick rescaled on the iPad).

Anyways, it’s a pretty niche lib that does what it does perfectly. Bravo! Just what I was after!