feed
facebook
last.fm
twitter
learning from facebook about mobile webpages…
(This is a excerpt of small research project. I’m no expert when it comes to mobile websites. So this is no review or something like that.)
there are, as far as i know, 3 versions of facebook:
- facebook as is facebook.com
- the mobile version m.facebook.com
- the touch version *fancy* touch.facebook.com
facebook.com:
XHTML 1.0 Strict / CSS / Javascript
I think they make an explicit check against the user agent string.
if you make a request to (www.)facebook.com:
- Android: -> touch.facebook.com
- iPhone: -> touch.facebook.com
- [some mobile with browser]: -> m.facebook.com
Weird thing is: If you request some facebook link (i.e. from a event) the iPhone gets redirected to m.facebook.com (bug?).
m.facebook.com:
XHTML Mobile 1.0 / CSS / NO JavaScript
very simplified version of facebook. thus very useful, fast and works on pretty much all (mobile) browsers.compressed, compressed and compressed: gzip, minified js, css and html. when it comes to validation the css seems to be w3c valid. html not - pretty much because of the forms/form items.
touch.facebook.com:
no doctype HTML / CSS / JavaScript
Very cool. (In my opinion even cooler than the iPhone facebook app.)
Little bit bigger (fonts/input fields) than the m.facebook.com version. Still minimalistic -> great user experience.
NOTE: <u> tags to create custom submit buttons.
Conclusion:
Mobile phones with touchscreen seem to be worth supported. Statistics tell the same iPhone and Android based Smartphones have a big market share. So they get a own version. All other phones get redirected to a very generic mobile version.
