Question

Anyone got some good references for targeting web content to the iPad web browser? i know its still very early days but I havent got any good indicator on how to setup CSS to fix iphone/ipod touch versus the larger screen of the iPad? or do I just consider it to be like safari on the bigger Macs

Was it helpful?

Solution

Safari for iPad is a hybrid between the desktop version of Safari and the Mobile iPhone version.

For example it supports inline video like the desktop, but scrollable div's are difficult for users to interact with just like the iPhone. (they require two fingers to scroll, which is not discoverable.

Preparing your Content For iPad is a good place to start, and the iPad Simulator is now a free download as part of the iPhone SDK.

OTHER TIPS

If you can't get the SDK to play with, 9to5 Mac posted a video of Safari in the iPad simulator: iPad Safari walthrough. They seem to think it's closer to Safari on a mac and Google doesn't look like it does on an iPhone.

From looking at the apple webpage, seems that Safari will be the iPad's browser.

Source.

check out this jQuery plugin that handles touch events on web apps such as scaling, rotation and wiping. Hope it will make your life a bit easier.

http://desmondliang.com/content/touchme-jquery-plugin-ipad-web-apps

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top