First of all, I put this site together in just a couple of hours, so just bear with me while I get everything organized :-)

Moving along, I've created some webpages that do 4 main things:

• Detects if you are on an iPhone or iPod Touch
• Detects your browser's viewable area
• Uses the meta tags Apple provides to make a fullscreen webapp
• Redirects you to the desired webapp

If it is below 396px (which it is on the iPhone/iPod Touch) 426px (still need to clarify on the exact dimensions, but everything seems to work right now), you get a page that tells you to add the page to your homescreen. After you do this and launch it, the fullscreen meta tags kick in, making the viewable area 396px 426px. The JavaScript then deduces that you are in fullscreen mode and redirects the page to the appropriate webapp, giving you your favorite webapp in fullscreen.

For good measure, I've also tried to add a splash screen and icon for each webapp. Nothing too fancy, but it helps visually. Right now, I have Voice & Tasks setup. The others are on their way.

I plan on leaving this site up (will probably even expand it), but hope to put together a ZIP download so you can host your own pages if you want.

The only other significant thing I'm doing on thess pages is adding some Google Analytics - just curious if people use the site :-)

Last updated on May 12, 2010 7:06 PM

with comments/questions. If you have a webapp that you'd like me to add, I'd be happy to do so. So far, it's been mostly Google products, but I'm happy to add any webapp you'd like.

Thanks,
-Jonathan