iPad has entered into our lives, and it provides a new way to view website. The surfers can browse the website vertically or horizontally. Yes, iPad will bring website revolution for viewing way of landscape and portrait mode. As web designer, have you get your website ready for iPad users? If you think so, then follow me to design iPad website and make it display properly on iPad.
At present, the web designers usually adopt three layouts to design website: fixed, fluid and elastic. These website layouts have their own advantages and disadvantages, the web designers should choose the appropriate layout based on your websites. Let’s view the below chart to get pro&cons of website layout:
Image may be NSFW.
Clik here to view.
Based on the above comparison chart, I think that the fluid layout is the best choice to make iPad website since iPad has the features of fluid width design. Next, I will present you how perfect the website elements in ipad web page of fluid layout, drop down menu, tree menu, image scroller:
iPad drop down menu (made by Sothink DHTML Menu) :
Image may be NSFW.
Clik here to view.
iPad tree menu (made by Sothink Tree Menu) :
Image may be NSFW.
Clik here to view.
iPad Slideshow (made by Sothink JavaScript Web Scroller) :
Image may be NSFW.
Clik here to view.
Does Fluid layout work well in iPad website? At least, the web elements like DHTML menu and JavaScript menu performance excellently. You can attempt to design iPad website by fluid layout. Hope you enjoy it.
View more iPad JavaScript menu samples:
