Dr. Dobb's is part of the Informa Tech Division of Informa PLC

This site is operated by a business or businesses owned by Informa PLC and all copyright resides with them. Informa PLC's registered office is 5 Howick Place, London SW1P 1WG. Registered in England and Wales. Number 8860726.

Channels ▼

JVM Languages

MS Open Tech Releases Open Source Metro Theme for jQuery Mobile

Microsoft Open Technologies, Inc. program manager Abu Obeida has confirmed that the Windows 8 "Metro" style theme for JQuery Mobile will now be available on the GitHub web-based hosting service.

This Metro connection to the JQuery Mobile open source mobile user interface framework means that HTML5 pages will be able to automatically adapt to the Metro design style when rendered on Windows Phone 7.5 devices.

Writing under the MSDN's "interoperability @ Microsoft" banner, Obeida specifies that the 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 websites and hybrid applications to naturally integrate into the Windows Phone Metro style experience. This offers developers the choice of integrating the theme into their existing application and also to contribute to this open source project through GitHub," said Microsoft's Obeida.

The Microsoft PR machine is keen to list this development as "another community engagement milestone" and says that its team has been working closely with the Windows Phone division to support the mobile HTML5 and JavaScript open source communities over the last year.

"We believe it is important for developers to have choices when targeting Windows Phone, and we also want them to be able to deliver a good experience to the users of their applications, especially when making the choice of using web standards (HTML5, CSS, and JavaScript) to target multiple mobile platforms by picking solutions such as Apache Cordova," says Obeida.

Microsoft reminds us that developers can already enjoy a selection of Apache Cordova Plugins to give their application a Windows Phone touch such as Social Share, Bing Map launcher, and Live Tile.

Related Reading

More Insights

Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

Dr. Dobb's encourages readers to engage in spirited, healthy debate, including taking us to task. However, Dr. Dobb's moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing or spam. Dr. Dobb's further reserves the right to disable the profile of any commenter participating in said activities.

Disqus Tips To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy.