Facebooks iPhone-specific UI – unconventional but is it unnecessary?
If you follow CSS3.Info then you’ll notice my post last week regarding the UI that Facebook have come up with specifically for iPhone. You’ll also notice that some managed to misinterpreted the information I was trying to put across (your apology was welcomed, but in case any of you are still unclear as to the meaning behind my post, please read my subsequent comment).
Back to the subject in hand though; why did Facebook feel it was necessary to come up with a complete new iPhone UI? As Peter correctly suggested, the sites entire could be incorporated into a Media Query based on max-width so that handheld devices of varying width (within reason) are dealt the same layout. Granted, the site does have a prominent theme replicating the behaviour and colour palette that iPhone uses, so although the URL can of course be accessed through any browser (Opera Mini in my case), there is an obvious mis-match between the theme of the site and the skin that Opera Mini uses (it’s also worth noting that Opera Mini fell flat on it’s face trying to render anything other than the logo, links the either side of it, and the navigation menu below that- I’m guessing this is down to the processing power of my Nokia E65 as opposed to the browser itself).
Also it’s interesting that the site’s in quirks mode, and check out the body > .fullScreen
declaration- for some strange reason they’ve chosen to use a combination of min-height
and max-height
to emulate height
!