Mobile Ready Site

Can anyone tell me the best code to apply to make a mobile version of my site?
I already established a subdomain: mobile.mysite.com
Inserted a tracker to establish if a visitor is on a desktop or mobile.

What more should I do- set up a seperate mobile version of the site altogether?
I'm lost from that point on, maybe I'm missing the obvious.

Thanks in advance!

 

uhm
i dont know
But i've a blog talk about mobile
ipod-iphone.blogspot.com

 

I think dreamweaver 8 has a feature like that.

 

Long live the iPhone!! You don't need a special format to view pages on the iPhone. It can load normal pages...sadly not all phones are this way.

 

Despite smart phones being able to load "normal" pages there are limitations in terms of javascript (therefore Ajax), cookies, image sizes etc.

Naturally we would recommend using .Net for creating any site but in connection with mobiles .Net supports .Browser files which automatically modifies how controls are rendered to maximise compatibility - Microsoft automatically maintain these files for new mobile phones etc coming to the market but you can over ride them if you find that something you have created isnt working properly.

So as an easy example, if the browser files define the site as ajax compatible then the ajax code is added where as if they define that it can only handle basic ajax then the code is automatically degraded to only include those parts that will work (so a button may become a full postback rather than partial).

There are also test browser emulators you can use in conjunction with it to check usability.

 

Pixel sizes and resolutions are so wildly different from phone to phone; a colleague of mine writes phone games and his solution was Java to make as much of the stuff run from the same virtual machine as possible-- bypassing many but not all the of the differences between phones. But pizel-size and resolution he could do nothing about.

Be careful with your image size. Maybe have a CSS page only for mobiles with smaller resolution, larger text size and fewer images, and more colour contrast (more blacks and whites, less greys).

 

You always have a css for handheld device... just like one would have for printing.