iPad brings us so many surprises since release, it provides a brand-new way to surf the Internet. Put iPad on your hand, input the URL in the browser to view the web page; rotate this device in 90 degree, and see the same webpage contents of completely different layout. How magic! It is no doubt that iPad will change the way we design website. About iPad website, I will take iPad drop down menu for example to share some tips&tracks.
- Make Your iPad Website Fluid Web Design
For drop down menu, you can set the menu’s width in percent to make it work well, which matches with iPad website of different resolutions and dimensions. From below figure, you will see almost the same menu effect in two web pages of two dimensions.
- Design Big Enough Link and Hover Effect
iPad is not the traditional point-based deices, all the interaction between iPad and users is touch, which is fulfilled by finger. For getting better user experiences, you should design link and hover effects big and clear, so that the user can dexterously click upon it.
Below presents us the drop down menu in website and iPad drop down menu in iPad website, you can get clear comparison.
- Create Your iPad Website with HTML 5
HTML 5 is a standard for structuring and presenting content on World Wide Web. The new standard incorporates features like video playback and drag-and-drop. With HTML 5, Google is use HTML 5 for Youtube. As web designer, you should try HTML 5 to make iPad web page.
Keep these advices in your mind; you can make the compatible iPad website for iPad users.
The iPad drop down menu above-mentioned is created by Sothink DHTML Menu. Besides this drop down menu, it offers us more JavaScrip menu, DHTML menu.