Making your Mobile site work on multiple devices

You may have lovingly crafted a mobile site (m-site) that looks amazing on the new iPhone4 but what happens when you discover half your readership own Blackberries? Does the site work just as well, or will it all fall apart?

With this in mind, as part of their Mobile Sites and Apps series, sponsored by Webtrends Mobile Analytics, the chaps at Mashable have provided five tips for optimising your m-site to be compatible across multiple devices.

You can check the article for full details, including links to useful bits of software to help you get the best out of your m-site, but in short, the five tips are:

1) Narrow your focus – of course, you can’t develop a site to suit every device but carefully consider which one(s) your readership have and develop your site for those devices.

2) Use an emulator to check your work – Mashable have links to their favourite emulators for you to check how your site will look.

3) Use multiple stylesheets for device support – this can be an efficient way of adding or subtracting particular features dependent on the device in use.

4) Change your user agent in Firefox or Safari – this will give you on-the-fly feedback of how the site will look whilst testing in your web browser.

5) Use your CMS – Then you can use a simple plugin device, such as the popular WPtouch device used by WordPress.