1024+726 maybe or........higher in case they see it in laptop???
Jay
iWeb '08, Mac OS X (10.6.8)
The "standard" width for a traditional design of web page is 980px. This is fine for iPad too since its width in landscape mode is greater than this. Screen resolution is 1024 x 768 px.
Smaller tablets and smart phones require a different approach...
Made for iPad :
http://www.wyodor.net/mfi/Dide/Made_for_iPad.html
And size matters :
http://www.wyodor.net/mfi/size/
Note that the pages now scroll because the content area of the current Safari is 18 pixels less.
Here's an image that shows the difference :
http://blog.wyodor.net/2011/10/visible-area-safari-ios-5.html
I saw your great examples,thought of scrolling either across or down to get more real estate.....ADVICE??
I saw your other web site[NET} that scrolls down,you maximized real estate there.
is that for lap top od MAC stationary.
I want to do both...or put limk in I pad......to go to bigger screen resolution if they have laptop.
What do you recomend for bigger real estate of laptops,your .net site is great and well organized.
Everything is there.
Do you design for others??
Jay
The Made for iPad sites are an excercise to see what can be done with a fixed size webpage for an iPad.
Plus it's a show case with all these custom menus. The how-to pages.
I don't make webpage for specific computers. And I don't design for others.
Some other pages are from the era when monitors were 1024 wide.
The main page on the site is a template that has a variable main content. It's to wide on a large screen. Reading text wall-to-wall is very inconvenient.
On my iMac I have this JavaScript to quickly resize the browser window.
1024 wide :
javascript:self.moveTo(0,0);self.resizeTo(1024,screen.availHeight)
iPad size :
javascript:self.moveTo(0,0);self.resizeTo(768,1056);
Make them a short-cut in the menu.
If you want to know more about webdesign, follow these links :
Design web for I pad at what resolution?
