I would like to build a mobile version of my WordPress site. To avoid the problems and costs with developing for native platforms, I'd like to go for an HTML/CSS/jQuery approach that would be accessible from the Webkit browsers. The main site is already developed in WordPress, and content can be directly taken from the CMS.
I'd like the mobile version to be available from a specific URL such as http://www.mysite.com/mobile or mobile.mysite.com
How can I set this new URL to point to this version of the site? And how will this new URL change as I browse through the mobile site? And how can I load this URL by default when a user accesses the site from a mobile device?
Am I right to think that I can then develop this as I would make a normal theme for WordPress, with no other worry about this being meant for mobile devices rather than desktop?