Web Hosting Talk







View Full Version : How do you design websites for handheld compatibility?


iowaguy1
08-04-2007, 05:01 PM
I would like to make a website compatible with cell phones and pda's.

How is designing sites for hand-held products different than for PCs?

01globalnet
08-04-2007, 05:43 PM
A few months I made a version of a site for mobile devices.

Here are some good rules I followed :

http://www.w3.org/TR/mobile-bp/

iowaguy1
08-04-2007, 05:56 PM
Did you use a 'sniffer' to redirect mobile users to your mobile-compatible site?

Steve_Arm
08-05-2007, 01:38 AM
PDA's are very limited regarding javascript. You can check the browser string and redirect accordingly.

the_pm
08-05-2007, 01:52 AM
Good use of containers and floats/margins for positioning should degrade nicely for handheld devices, if you don't want to create mobile versions of every site you create. The phone/PDA will often degrade the page down to a linear progression of elements. There's nothing wrong with that, if you'd put a little thought into just what you want that linear progressionto look like :)

iowaguy1
08-05-2007, 12:16 PM
PDA's are very limited regarding javascript. You can check the browser string and redirect accordingly.

Can someone explain what Steve_Arm is saying? Is that the same as a browser sniffer?

fastnoc
08-05-2007, 12:35 PM
Did you use a 'sniffer' to redirect mobile users to your mobile-compatible site?

ON one of my blogs I did this. But I didn't bother with all the millions of different handheld browsers there is now.

If you want to do all the different ones you're much better off using the htaccess file. I did mine with javascript for windows CE users only. If you browse the site and are using that it automatically re-directs you to a handheld template that has limited content. I did this:


<script type="text/javascript">
var isCE = navigator.appVersion.indexOf("Windows CE")>0;
if (isCE)
{
window.location.href="/?/sg_distro/pda";
}
</script>


It comes out looking like this:

hekwu
08-05-2007, 03:38 PM
I would like to make a website compatible with cell phones and pda's.

How is designing sites for hand-held products different than for PCs?

Might be easier or better to use: http://www.mobisitegalore.com/

More mobi info: http://pc.dev.mobi/

These sites are for .mobi, but you can use the tool to build a mobile site for any tld.

Disclaimer: I've never used this tool, but I've read reports of it working fairly well. I would at least give it a shot...

hekwu
08-05-2007, 03:51 PM
Did you use a 'sniffer' to redirect mobile users to your mobile-compatible site?

I would not do this. I simply HATE sites that automatically redirect me to another page!

Every now and again, I'll visit sites on my treo and a couple of sites (like palm's own site -- last time I was there anyway), kicks you into a "mobile" version since the website owner "thinks" it is better for you. :rolleyes:

I like full sites on my treo, even if they look like crap since I can still navigate and find the info I need. I put the treo on "single browser (or is it column?)" and it looks ok, I can find the info I need. On most sites with only mobile, the info is not as full as the full version of the site. And sometimes the mobile version is days -- sometimes months -- behind the regular version.

That is my argument against redirect... of course, there are many more positive reasons for using a redirect. :D