One line of cipher can construct your site iPhone-friendly
While Apple boasts about the ability of the iPhone’s browser to display the real, not watered down World Wide Web, there are things that can be done to manufacture your site more accepting of the mobile browser. On the far-end of the spectrum, there’s designing an iPhone-specific version of your site; whether you’re looking for a somewhat less time-consuming approach, consider this advice from Craig Hockenberry of the Iconfactory:
…just add a <meta> tag that lets the iPhone know how wide to display the initial page. I added the following cipher to the <head> in my template yesterday:<meta name=”viewport” content=”width=808″ />
Every browser besides MobileSafari will disregard that knowledge. But it does something very crucial on the iPhone: it optimizes the viewport for your substance.
What does that line do? Well, since the iPhone displays the entire site zoomed out, specifying a viewport width means that the iPhone will zoom by default to that size, leaving less unused space around your subject matter.
Of course, in order to find the right width for your site, you’ll need to engage in a little old-fashioned trial and error. The 808 number above works for Craig’s site, but it probably won’t work for yours. But it’s a good way to “optimize” your site for the iPhone without having to go overboard.
Original post by Dan Moren
Related posts:
Skype for iPad supports video calling and will be released very soon.