« iPhone and openness | Main | New workshop for Web Directions - Beginning Ruby on Rails »

July 05, 2007

Some practicalities of Safari and web content support on the iPhone

The last few days I've been trying to get to grips with some of the technical details of how Safari on the iPhone works. I've started putting some of what has been learned into some articles, which will be published over at westciv, where most of my technical articles tend to be archived.

In the first, I look specifically at how pages are displayed on the iPhone - they are in fact scaled so that if at all possible, the entire page width fits onto the screen. This has particular implications for people developing content specifically for the iPhone, and there are some techniques for working around this default scaling which is not always ideal.
In later articles, I'll be covering what support for CSS3 selectors and properties Safari on the iPhone has. Despite appearances, it seems quite different from the current betas of Safari 3 on Mac and Windows. I'll also look at how you can use a feature of CSS3, Media Queries, to target style sheets specifically for the iPhone, and hide them from other browsers, even if they don't support media queries, or to hide style sheets from the iPhone.

I hope people find them useful.

July 5, 2007 | Permalink


TrackBack URL for this entry:

Listed below are links to weblogs that reference Some practicalities of Safari and web content support on the iPhone:


I look forward to reading your articles on iPhone Web Development.

Posted by: Justin Thorp | Jul 5, 2007 11:07:50 PM

your math over on westciv is wrong. max usable height in portrait is 356, not 376.

Posted by: anonymous | Jul 15, 2007 6:25:52 AM

thanks anonymous!

fixed (sheesh, much good a degree in Mathematics does me)


Posted by: John Allsopp | Jul 15, 2007 1:42:02 PM

Blogs are good for every one where we get lots of information for any topics nice job keep it up !!!

Posted by: dissertation | May 14, 2009 3:43:12 PM