How iPad change the way we design website?

Printer-friendly versionPDF version

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.

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.

As we know, iPad drop down menu is the vital element in iPad web design; it has the characteristic of navigating iPad website, beautifying iPad web page and including more contents in less space. And if inserting iPad drop down menu into iPad web page, your website will get better user experience.

 Make Your iPad Website Fluid Web Design

With iPad, you can view the websites in landscape or in portrait mode. In fact, the web designer need to make different two web designs for displaying website perfectly. Of course, there is a simple method to get the ideal results – a smart combination of CSS and JavaScript. This way enables your iPad website performs well on iPad and PC.

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. 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.

 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 to 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 is created by Sothink DHTML Menu. Besides this drop down menu, it offers us more JavaScrip menu, DHTML menu samples (http://www.sothink.com/product/dhtmlmenu/ipad/inde...).

About Sothink DHTML Menu (http://www.sothink.com/product/dhtmlmenu/index.htm)

The top-rank DHTML Menu creates perfectly iPad drop down menu, JavaScript menu for iPad website of landscape and portrait mode. With the built-in templates and rich preset styles, you can create SE friendly JavaScript menu in minutes. Fully customize iPad drop down menu to match with iPad web page. Free integrate with web editors as add-ons to build iPad drop down menus directly.

Download DHTML Menu (http://www.sothink.com/product/dhtmlmenu/download.htm)

About SourceTec Software Co., LTD.
Established in July 1997, SourceTec Software Co., LTD. is one of the most reputable and outstanding shareware and freeware providers in the world. It specializes in Flash authoring tools, Multimedia, Video and DVD software with the vision of driving better user experience. SourceTec Software always sticks to creatively building and delivering prominent service for worldwide range of customers. And Sothink.com is one of its subordinate official sites devoting into professional Flash authoring products and services.
#########
Products or service names mentioned herein are the trademarks of their respective owners.
For more information, press only:
SourceTec Software Co., LTD.
Email: marketing@sothink.com
Phone: +86(27)67848991
Fax: +86(27)67848990
Website: http://www.sothink.com