Apple Safari Reference Library
Apple has released a six-point technical note to help you check your site’s iPad readiness.
First, test how your site would look on an iPad (even if you don’t have one on hand). It notes that you may have to change your device detection settings so iPad users don’t see a mobile version of your site optimized for small screens.
The note also describes changes you may have to make to style sheets. For instance, mouse-over/hover states won’t work on an iPad, just as they don’t on the iPhone.
If your site uses “plug-ins” (read “Flash”) for navigation, video or animation, Apple suggests you switch to HTML5 and a combination of JavaScript and CSS3 transforms, transitions and animations. (Easier said than done, of course.)
The touch interface is going to be a big change, even though it’s been out on small screens for a while now. Given the size of the iPad’s screen, I suspect this is something that designers will need to play with to see what will work. Apple has provided some first steps in that direction.
