Simulating Safari on iPad HTTP requests in Safari on the desktop. First, enable the checkbox next to “Show Develop menu in menu bar” in Safari’s Advanced Preference pane. Next, select Develop -> User Agent -> Other from the Safari menu. You will be prompted to enter a user agent string. Copy the Safari on iPad user agent string above, then paste in it into the dialog box that appears. Note: You can try this trick with websites like Gmail and YouTube to view how they display a different version of their website for iPad Safari.

Using a constant for viewport width.

<meta name="viewport" content="width=device-width" />

Prepare for a touch interface. Don’t use a:hover pseudo class or mouseover events.

Orientation media queries to automatically select the proper stylesheet based on whether the user is in landscape or portrait.