There are many ways to serve customized content to users of mobile devices and using jQuery Mobile is just one of them. With the advent of CSS3 media queries, Responsive Web Design (http://en.wikipedia.org/wiki/Responsive_Web_Design) now offers designers the ability to create layouts that adapt to the users viewing environment.
Tip: If you're using a Responsive Web Design, then you may want to either rename the mobile.cfm layout template to something else, or remove it altogether to prevent mobile.cfm layout template from being used.
There are a number of responsive web designs available in the Mura CMS Themes section of the Marketplace: http://www.getmura.com/marketplace/mura-themes/
Twitter Bootstrap provides an extensive CSS/JS/HTML framework that includes a responsive layout option. The default theme that ships with Mura is based on Twitter Bootstrap, and a Site Bundle has also been created so that you can jumpstart your site development:
The Skeleton Framework is another responsive CSS/HTML framework that provides a simple framework upon which to build a responsive site in Mura CMS. A Mura CMS Theme and Site Bundle has been created for Skeleton Framework:
- Theme: https://github.com/blueriver/skeleton
- Site Bundle: http://www.getmura.com/marketplace/apps/skeleton
Other CSS Front-End Frameworks
There are several front-end CSS frameworks for faster and easier web development available to developers. A nice comparison of many of them can be found at: