Mobile Websites

robfenn's picture

He has: 471 posts

Joined: Jun 2005

Hi Guys,

Wondering if anyone has tackled mobile website design on here?

From a bit of research it seems it has to be in xhtml and css. Cleverly, it seems the BBC Mobile website (www.bbc.co.uk/mobile) picks up on what phone you are and gives a tailored site, anyone know how they do this?

http://www.bbc.co.uk/mobile/web/versions.shtml

Cheers,

Rob

They have: 426 posts

Joined: Feb 2005

I Assume mobile browsers are different so they must just use some scripting like javascript to pick up on the browser type?

Zaccaria's picture

They have: 32 posts

Joined: Nov 2008

benf wrote:
I Assume mobile browsers are different so they must just use some scripting like javascript to pick up on the browser type?

Yes, mobile browsers are very different. In many cases an entire clone of a site in mobile setup may be nessesary for mobile view... However if a site has the correct CSS style and RSS coding, then all that may be needed is a java script to check for a mobile browser and then it'll convert it upon loading. Such an ability is called "Mobile Browsing Capability"

If a site or script is mobile browser capable, then it has the correct CSS and RSS, but that doesn't always mean it has a code to check for a mobile browser. You need to look and see if there is a code to check the browser type. If there is none, then they're pretty easy find on Google.

robfenn's picture

He has: 471 posts

Joined: Jun 2005

I'll have to take a look at the code...

Found a great site that lets you see the mobile versions of most well known sites:
http://tiltview.com/

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Does anyone know of any tools that show you how different mobile browsers render websites? (I haven't looked for this myself).

The trouble with mobile is that while some mobile browsers render regular websites very well, others really don't. Some will pick up on a mobile stylesheet, others won't. Some mobile viewers want to see the regular website, others don't. Some mobile subscribers are payinig high costs for data transfer, while others have more reasonable plans and can afford slightly larger downloads.

The BBC approach looks to be the best way to solve this problem. I'd like to learn more about how that's done as well. Currently the site I work on for my day job redirects to a separate mobile version which isn't ideal for iPhone or Opera Mini users.

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

I did some mobile development a few years back.

PHP scripting is supported, to a degree.

It takes a while to get used to such a small display and making a standard web page into a series of "cards"

Megan wrote:
Does anyone know of any tools that show you how different mobile browsers render websites? (I haven't looked for this myself).

Megan, have a look here

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.