Convert exiting website for mobile use?

Question

What's the best way to make an existing website fit for mobile devices(netbooks, mobile phones based on Android, Iphone, Blackberry etc.)?

Answer 1

Make it flexible.

You can detect different device widths with CSS media queries: http://www.w3.org/TR/css3-mediaqueries/#device-width

Less normative explanation: http://mislav.uniqpath.com/2010/04/targeted-css/

Great blog post: http://webdesignerwall.com/general/the-wall-is-redesigned

The CSS3 flexible box model can also be your best friend.

Answer 2

Without going as far as implementing a mobile framework I would suggest taking advantave of CSS Media Queries which will allow you to serve up different css depending on the wdith of the browsing device.

A good start would be to look at the LessFramework which has taken all the hard work out the grid calculations.

Answer 3

Twitter Bootstrap will also give you some nice out-of-the-box responsive functionality, meaning that the site's presentation will adjust based on the type of device and the size of its screen.

And I'd recommend checking out this book.

Answer 4

Current now many tools available, but how to keep good user experience is the most important.