Screen size for ipad-friendly web sites?

Here is the easy answer, which is probably what most people come here looking for.

From Apple's iPad2 specs:

1024-by-768-pixel resolution at 132 pixels per inch (ppi)

Would've saved everyone a lot of time

http://cafenoir.atspace.com
http://cafenoir.atspace.com/ipad/SafariVisibleArea.html
http://myipad.atspace.com/

but does not really answer my question

I am really wondering how wide can I go without needing to scroll with the ipad or is the screen automatically resized ?

http://myipad.atspace.com/size/768-946.html

guess I need to play around with an ipad for a while and test the site ...

Wyodor wrote:
Yes, it does. But finding out requires more than the 9 minutes between my previous post and your reply.

OT

maybe you did not understand the question ?

http://myipad.atspace.com/size/768-946.html
http://myipad.atspace.com/size/800-985.html
http://myipad.atspace.com/size/848-1045.html
http://myipad.atspace.com/size/900-1109.html
http://myipad.atspace.com/size/980-1208.html

Well, the question should really have been, "What is the ideal page width for the iPad?".

The answer is that there isn't one since the iPad, like most portable devices, has two screen widths depending on whether its used in portrait or landscape mode.

If you are designing a layout specifically for the iPad, one solution is to use a folding design where the sidebar folds down to the bottom in portrait and jumps back up to the side in landscape. This will only work for personal computers and iPads.

The popular way of designing a layout to suit a large range of portable devices is to use a liquid, or semi liquid, layout that will automatically adjust to the fixed width browsers used on these devices.

Something like this...

Neither of these methods are possible using a template based editor like iWeb and this is probably one of the main reasons that Apple has given up on the application. Surfing the internet on mobile devices is growing daily and its now become essential to have a mobile version of your website or one that can be viewed on all devices.

Absolutely agree, but I think the OP was just looking for the basic dimensions, whether they're 1024 x 768 or 768 x 1024. That's what I was looking for, not a series of condescending and snarky comments that never revealed the info.

First responder could've easily said the above, and then, for more info and variables, see these links...

As the immortal Rodney King once said, "...can we all get along?"

Just my two cents...

I suppose the whole topic is superlfuous since its not possible to build a website that's "ideal" for the iPad using iWeb due to the fact that it does have two screen widths!

It certainly didn't answer the OP's questions since a quick look at his website will show that it is not really suitable for viewing on an iPad in either landscape or portrait mode.

And now I see "Old Toad" did answer the question! Silly me!

I'm not in the web design field so I don't have to worry about orientation. I just like to display a flight schedule or a map as my lock screen for quick access.

Thanks for the validation!

The default dimensions of most iWeb templates display just fine on the iPad.

Its not that they don't display OK. After all, the iPad in landscape mode is as wide as a lot of laptops.

iWeb built sites can be made more mobile friendly by using fingertip sized buttons for navigation, the appropriate input types for launching specific keypads in contact forms and optimizing the files before upload to the server.

There are also quite a few JQuery slideshows out there that allow portable device users to finger swipe through the images.

Avoid dragging movie and music files onto iWeb pages since these require the QuickTime plugin. Use HTML5 - with fallback to flash for those browsers that don't suport it.

Avoid flash completely or, at least, provide fallback to HTML5 if possible. And so on...

The second link actually shows an image of the size the website should have for viewing on an iPad.

Assuming that view the webpage in landscape mode (which I think most people do). This was exactly what I was looking for.