How to make a smartphone version with MODx

Dear All,

I am going to start a new MODx project. The client asked me to have a smartphone version.
I also created a different smartphone version with Jquerymobile.

How do you suggest me to have a smartphone version with MODx?

I have a new and proper HTML5 template and I am not sure if I should adapt it for a smartphone version or if I should create a jquerymobile version.

Which best step should I start with, keeping in mind that the web site will be build with MODx

Cheers

Pick your poison. Whatever you prefer. There are some Extras that detect mobile, or you can use your favorite responsive framework.

At http://modx.com/extras/ (or package management) you will find a few frameworks to install into MODX such as Bootstrap, Foundation (stand alone v3.2, or Flexibility with v3.1), HTML5 Boilerplate, and a couple others I forget about.

Three words: responsive web design
http://www.alistapart.com/articles/responsive-web-design/

Responsive web design is not always an option. We have a large site that needs a separate mobile site on a subdomain (m.website.com) with trimmed down content and options.

I'm using a detection script (http://mobiledetect.net/) to detect the visitors device and then re-direct them to the mobile site. Of course also allowing them to view the full site if they wish and set a cookie to remember their preference.