Apple iPad iPhone Mobile mobileweb Web Design

Preparing Your Web Content for iPad

Here are some tips for modifying your existing website so that the user gets a different experience when browsing on the iPad.

  • Test your website in Safari on iPad using the iPhone Simulator (Hardware -> Device -> iPad). iPad is available in the iPhone Simulator in iPhone OS 3.2 SDK.
  • Test your website on iPad, and update user agent detection code if necessary. iPad user agent string is:

    Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

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

    <link rel=”stylesheet” media=”all and (orientation:portrait)” href=”portrait.css”>
    <link rel=”stylesheet” media=”all and (orientation:landscape)” href=”landscape.css”>

Apple iPhone Mobile mobile 2.0 mobileweb Technology

iPhone Developer NDAs lifted

This is wonderful news. According to the Apple Developer Connection website, 

We have decided to drop the non-disclosure agreement (NDA) for released iPhone software.

We put the NDA in place because the iPhone OS includes many Apple inventions and innovations that we would like to protect, so that others don’t steal our work. It has happened before. While we have filed for hundreds of patents on iPhone technology, the NDA added yet another level of protection. We put it in place as one more way to help protect the iPhone from being ripped off by others.

However, the NDA has created too much of a burden on developers, authors and others interested in helping further the iPhone’s success, so we are dropping it for released software. Developers will receive a new agreement without an NDA covering released software within a week or so. Please note that unreleased software and features will remain under NDA until they are released.

What does this mean to you?  This means that developers can now share to the world any technical articles or tutorials related to developing iPhone apps or web apps.  Now, I can finally proceed with publishing my iCopyUPaste technical article.

iPhone Mobile mobile 2.0 mobileweb Pervasive Computing Technology

Why I am not getting iPhone 2.0

Just take a read at this NYT article entitled “New iPhone Pricing Model Is a Step Backward for Consumers” and it explains exactly why I am not going to be in the market for the new iPhone 2.0.  Apparently, Apple and AT&T have closed off the biggest loophole that existed that enabled iPhone 1.0 users to ability to jailbreak their iPhones and do with them as they pleased. What exactly was that loophole? They won’t let you walk out of the stores with the new iPhone 2.0 without signing up for the new 2 YR contract!  That’s right.  Loophole closed.

What does iPhone 2.0 offer that warrants an upgrade?  GPS, 3G, and slightly larger storage.  That simply is NOT enough to warrant the extra $30 / month I’d have to shell out to get the new iPhone 2.0.  I currently pay $55 incl. taxes and fees for my iPhone 1.0 plan, and I thought that was pretty hefty to begin with.  This new plan simply is highway robbery!  Apple and AT&T, no thanks, but I’m sticking with iPhone 1.0.