pageoneresults - 4:51 pm on Feb 22, 2011 (gmt 0)

There are plenty of solutions available for this that don't require all the additional work I see described above. I might look at one of the JavaScript based Stylesheet Switchers. If your original HTML foundation is well formed, semantically structured, properly classed and identified (id), you could easily incorporate a totally different layout for your mobile users. Try it, I think you'll like it.

Remember when we used to serve a different stylesheet for printing? Same premise, maybe just a little more CSS involved. Heck, I've used a stylesheet switcher for years which allows users to increase the font sizing within documents. I've also experimented with usability stylesheets for those with color blindness. Its a piece of cake, don't over engineer the process if you don't have to. :)

The goal is to keep your content all under one roof. No need to start another site just for mobile if you can use a separate stylesheet served based on the UA. I'd like to think you don't want to fragment the content. People will visit and bookmark the same pages from your site when using a stylesheet to serve mobile content. Things will be a little different if they are visiting and bookmarking m.example.com or example.com/m/. Remember - One Funnel.