Designing for mobility

kehers · 10-24-2006, 12:13 PM

Im doing a couple of designs on XHTMl for mobile compatibility. However, due to heaviness, im thinking of finding a way to redirect a viewer who is using a mobile device to a lighter version of the site. Any ideas?

Masterslave · 10-24-2006, 03:01 PM

In (X)HTML you can apply a stylesheet to a device:

Code:

<link rel="stylesheet" href="styles.css" type="text/css" media="handheld" />

http://www.w3.org/TR/REC-CSS2/media.html#media-types

kehers · 10-25-2006, 08:45 AM

Yeah, I know about that. And even the

Code:

<meta name="handheldfriendly" content="true">

The problem however is that i want to completely redirect a mobile user to another version of the site instead of changing the syle. The reason being that some part of the site's content shouldnt even show for mobile users at all. i know i could as well use the css to make their display none but since they are already buffered out it would be a waste of bandwidth especially at the user end. Or what do u think?

Masterslave · 10-25-2006, 10:51 AM

My choic would be te make another stylesheet, but that's me.

I don't know which user-agents mobile devices are using but if you know them you can check that with PHP for example and redirect them to another map, for example http://mobile.yoursite.com.

The disadvantage of this is when newer mobile browsers are released you have to update your check.