CODEWITHSUNDEEP
jquerycssmobilethemesjquery-mobile
Diogo Cardoso
Diogo Cardoso

Reputation: 22277

How to create a jQuery Mobile theme

How do I create a jQueryMobile theme?

Is it overriding the CSS the best way?

Upvotes: 24

Views: 21199

Answers (4)

Blowsie
Blowsie

Reputation: 40575

The best method for creating a theme is actually modifying the existing one. Just like Jquery Mobile have done with their "Valenica" Theme. Use the standard css as a starting point / reference

http://code.jquery.com/mobile/latest/jquery.mobile.css

Often the best way to work out which elements need the styling tweaks is to inspect them via Firebug

Its also worth noting, its not a great idea to try and create a theme from scratch, as a large part of what makes jquery mobile so great is the cross browser testing and developments they have already made to the css.

Update:

In the near future there will be a jquery mobile theme roller, you can track its development at github.

https://github.com/jquery/jquery-mobile

Update 2

The theme roller is ready!

http://jquerymobile.com/themeroller/

Upvotes: 26

Kris Hadlock
Kris Hadlock

Reputation: 49

Here's an article I wrote for IBM with this exact title: Create custom jQuery mobile themes

Upvotes: 4

Mottie
Mottie

Reputation: 86473

I haven't had a chance to test the results of this theme roller; but I thought it might be useful, at least until the official themeroller is available.

Upvotes: 2

Danny C
Danny C

Reputation: 2980

Just discovered a neat tool for creating prototypes which includes its own theme-maker/roller. Worth checking out! More for the themes than the prototyping. At least until the official themeroller comes out. http://www.mobjectify.com

Allows you to easily add extra JqueryMobile themes and see it live.

Upvotes: 8

Related Questions