WebAppers

/ best free open source web resources /

Shopify

How to Prepare Your Web Content for iPad

Posted · Category: Information

Safari on iPad is capable of delivering a “desktop” web experience. iPad has a large, 9.7″ screen and fast network connectivity, and Safari on iPad uses the same WebKit layout engine as Safari on Mac OS X and Windows. You can ensure that your website looks and works great on iPad, and even create new touch-enabled web experiences for your customers, by considering a few specific differences between iPad and other platforms.

If you have access to an iPad, test your website using the iPad. If not, you can test your website in Safari on iPad using the iPhone Simulator (Hardware -> Device -> iPad). iPad is available in the iPhone Simulator in iPhone OS 3.2 SDK beta 2 and later, which is available to iPhone Developer Program members. In cases where it is possible to simulate iPad-like behavior in Safari on a desktop computer, instructions are given on Technical Note TN2262: Preparing Your Web Content for iPad.

ipad-webdesign

Source: Technical Note TN2262: Preparing Your Web Content for iPad

7 Comments
  • http://www.tenmostimportant.de Surftipps

    Do you really think that this is important. I don´t believe that so many people will buy this thing!

  • Miranda Veracruz de la Hoya Cardinal

    I tested my site on the iPad and found they’re working fine, except for the OnMouseOver command. That I consider that the problem of Apple’s and its users, not mine. If Microsoft would deliver a browser that wouldn’t do that everyone would be all over the place, but when it’s Apple’s I’m supposed to go in the code and make changes? Yeah, right. It’s not a couch surfing Web site anyway.

  • James

    I think you’ve already been proven wrong.

  • Collin

    Yeah sales are pretty crazy for it, and as much as some people will hate it, this is going to spawn a new breed of electronics

  • jQuery Original

    Content should be optimized for “every mobile gadget equally”. Not “prepared for iPad”. That’s a big error. It’s iPad that should be prepared for our contents, if our contents are standard there should be no problem. Not opposite.

  • mitch

    @surftipps – No one forces you to read the tips here on webappers… if you don’t like a post, either shut your mouth and leave or leave some constructive feedback, but don’t belittle the author.

    @miranda & jquery original – While I agree that we should design according to standards and technology should support industry standards, the touch interface is different. There are no standards in place for web touch interfaces, and just look at how long it has taken to get standards implemented in browsers with a conventional GUI. I think it’s important to learn how to work with new technologies ad hoc until standards are in place.

    I found the article very helpful and interesting.

  • http://www.damnsemicolon.com chilts

    FYI the iPad Sim is not a true iPad Sim as it still holds to the iPhone Simulator restrictions.

    ex. it won’t display H.264 video bigger wider than the max res of the iPhone (640xsomething) when the iPad displays 960 width.

    We had some serious frustrations trying to test our videos on the sim when everything we’d read said it should work fine but they wouldn’t load at all.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons