Friday, April 2nd, 2010

Web Developers preparing for iPad

Category: Apple

I am sure that a fair few of you have your iPad order honing in from China (I got a WiFi one and use Mobile Hotspot when I need to use the carrier networks. Some fun deals right now ;). As the Quake demo shows, you can do a lot with the Web, and we can reach the iPad too!

You may want to prepare your Web content for the iPad which involves weaning off of 320×480 (it feels like tn3270 days!).

This means that you can delete your:

  1. <meta name="viewport" content="width=320"> <!--- WRONG //--->

and get into:

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

which we talk about in webOS land too, which is important over there on the height side of the equation (with Pixi and Pre).

It feels good that iPad will help us all move on and deal with very different screen resolutions and capabilities.

Beyond that, there are some cool Web experiments happening, such as the iPad thumboard. Check it out live and enjoy the rotate button :)

But what about getting apps to the iPad without learning obscure variants of C with lots of square brackets (heh :)?

Well, the PhoneGap crowd has their first app and Titanium has theirs too.

Posted by Dion Almaer at 9:28 am

3.6 rating from 21 votes


Comments feed TrackBack URI

The closing tag first? That’s surely a typo, yes?

Comment by anewc2 — April 2, 2010

@anewc2 I hope so, but it wouldn’t surprise me that a major Web company would come out with something like that. The Google Website Optimizer requires an unbalanced closing noscript tag.

Am I the only one that thinks that the viewpoint meta tag makes little sense here? “width=device-width”? I mean I get it that it triggers certain conditions, but that seems like such a “duh” value.

Comment by blepore — April 2, 2010

I created a tool where you can check how your website looks on an iPad –

Hope you’ll like it!

Comment by stick — April 3, 2010

Hi dion. If it was you posting this. doesn’t display good on an iPad, which I van testify to due to writing this from mine. Among other things the name of poster doesn’t display and is obscured. I know our websites doesn’t display 100% correctly either, but I thought I’d give you the heads up anyway :)

Comment by ThomasHansen — April 5, 2010


Uhm. That is just an iframe set to the dimensions of an iPad. It doesn’t seem to take anything else into consideration as far as I can see.

I’m interested in as my company’s Web site doesn’t seem to render some transparent PNG files correctly on our home page in my iTouch (works fine on my Droid though). I want to know if the iPad corrects this.

Comment by blepore — April 5, 2010

blepore, thanks for your ipad checking tool!

Comment by valtom2002 — July 12, 2010

Leave a comment

You must be logged in to post a comment.