Metro Style Theme for JQuery Mobile, Open Source Mobile UI Framework for Windows Phone 7.5

The Metro style theme for JQuery Mobile, a popular open source mobile user interface framework, give mobile apps and websites the Metro style look and feel, and offer the final users an experience similar to the one they get with native applications.Developers already enjoy a selection of Apache Cordova Plugins that give their application a […]

Metro style theme for JQuery Mobile

The Metro style theme for JQuery Mobile, a popular open source mobile user interface framework, give mobile apps and websites the Metro style look and feel, and offer the final users an experience similar to the one they get with native applications.

Developers already enjoy a selection of Apache Cordova Plugins that give their application a Windows Phone touch such as Social Share, Bing Map launcher and Live Tile. Now, this theme enables HTML5 pages to adapt automatically to the Metro design style when rendered on Windows Phone 7.5.

This new Metro style theme's development was sponsored by Microsoft Open Technologies, Inc. working closely with Sergei Grebnov, an Apache Cordova committer and jQuery Mobile developer.

"The CSS and Javascript theme adapts to the current theme used in Windows Phone and applies the right styling to the jQuery Mobile controls.This allows mobile HTML5 web sites and hybrid applications to naturally integrate into the Windows Phone Metro style experience. This offers developers the choice of rapidly integrating the theme into their existing application but also to contribute to this open source project through GitHub," writes Abu Obeida, on Microsoft @Interoperability blog.

You can download on GitHub and can be used as a NuGet package in Visual Studio.

Here are the video to help you learn more about the Metro style theme for jQuery Mobile:

Metro Style Theme for jQuery Mobile - Introduction

Metro Style Theme for jQuery Mobile - Integration and Tips

Apache Cordova Plugins for Windows Phone

You can see an extensive demo of the theme on this page and you can learn more on this site.