jQuery Mobile

Overview jQuery Mobile is a HTML5 framework which makes it easy to create websites that mimic the iOS look and feel. This is achieved by providing HTML that is marked up with various jQuery Mobile specific attributes, which is then processed to generate the final markup. Within PropertyCross jQuery Mobile is combined with KnockoutJS, which provides a presentation model (MVVM), RequireJS, for dependency management, and Cordova / PhoneGap, which packages the HTML / JavaScript within a native wrapper for app-store deployment. Cordova also provides a set of APIs for accessing native phone functionalities which are not available via HTML specifications. The JavaScript Model and ViewModel code is shared across all mobile platforms, whereas the HTML files, which make up the View, are specific for each platform. This allows the UI for each platform to be tailored to the requirements of each platform. The iOS version uses the out-of-the-box jQuery Mobile styles, whereas Windows Phone uses the jquery-metro-theme extensions to support the Metro UI style together with Windows Phone specific features such as the app-bar. We were unable to find a suitable theme or plugin for the Android version, as a result, the Android version uses the iOS style. To view the code and detailed build steps, see the github source.