jQueryMobile ThemeRoller Released

LukePeerFly · 3rd Nov 2011, 06:38 PM

We’re excited to announce the release of the new ThemeRoller for Mobile tool. ThemeRoller is a web-based tool that makes it super simple to create custom themes without writing a single line of CSS.

If you’re familiar with the jQuery UI ThemeRoller, the basics of the tool are pretty similar: there’s a inspector panel on the left of the screen that has all the theme settings, and a preview pane on the right that shows you in real-time each change you make. But there are some big improvements in the new mobile version which we’ll cover below.

Once you create your masterpiece, you can share it via URL or download a ZIP file with your custom theme stylesheet, ready for production (or additional tweaking).

Announcing ThemeRoller for Mobile (beta) | jQuery Mobile

I have been waiting months for jQueryMobile to release their ThemeRoller. It allows you to easily create a theme for your jQueryMobile site. jQueryMobile is a great framework that makes it SUPER easy to setup a mobile page/site. Definitely worth a look!

JBroyer44 · 4th Nov 2011, 08:47 AM

oooh i am building in jqm and this looks like it will give me some nice options! thanks for sharing.

ASUService · 4th Nov 2011, 11:03 AM

Thanks for the share!!!

KingMedia · 4th Nov 2011, 11:05 AM

Looks cool, checking it out right now.

Don't see it, but it would be real cool if you could upload your own background or header to match your company, etc.

If I missed that part, please let me know.

LukePeerFly · 4th Nov 2011, 11:23 AM

Originally Posted by JBroyer44

oooh i am building in jqm and this looks like it will give me some nice options! thanks for sharing.

Originally Posted by ASUService

Thanks for the share!!!

You're welcome!

Originally Posted by KingMedia

Looks cool, checking it out right now.

Don't see it, but it would be real cool if you could upload your own background or header to match your company, etc.

If I missed that part, please let me know.

You can add images to it just like any other page. I have a tutorial on my blog on how to setup a basic mobile page using jQuery Mobile, but you might want to look into their documentation and tutorials on jQueryMobile.com

KateSaunders · 4th Nov 2011, 03:51 PM

Great share, Luke, thanks!

I have a ton of questions about the builder, but I'll check out your blog and the tutorial first.

dollarware · 6th Nov 2011, 10:05 AM

I have been learning jQuery Mobile for the last month and I am very much impressed.

It works well with DreamWeaver ver 5.5.

I haven't used Themeroller for a site, yet but will do it today.

I recommend you take a look at jQuery Mobile.

John

arty49 · 6th Nov 2011, 10:44 PM

Hey Luke

Like you I switched over to building my mobile sites over 4 months ago and have been awaiting this release.

I find I can now turn 1 simple template into literally an unlimited number by simply creating different color themes and changing out headers.

The trick to getting a theme to suit your web site is first of all to get the colors from your header and then using those to create at least an A, B, and C theme.

I use this free service to get the colors from any header of my choosing
Whats Its Color: Find the complementary and primary color of any image

Hope this helps

Ron

4th Nov 2011, 08:47 AM	#2
JBroyer44 HyperActive Warrior War Room Member Join Date: 2010 Location: NH Posts: 227 Thanks: 26 Thanked 29 Times in 17 Posts	Re: jQueryMobile ThemeRoller Released Share on: oooh i am building in jqm and this looks like it will give me some nice options! thanks for sharing.
	"The force is strong with this one" Facebook Ad Services: http://sellabletraffic.com

4th Nov 2011, 11:03 AM	#3
ASUService Advanced Warrior War Room Member Join Date: 2002 Location: USA. Posts: 612 Thanks: 440 Thanked 125 Times in 101 Posts	Re: jQueryMobile ThemeRoller Released Share on: Thanks for the share!!!
	Best Regards, Mike Allton ASU Service, Inc. The LAST SMS Platform You'll Ever Need! Easy Money!

4th Nov 2011, 11:05 AM	#4
KingMedia HyperActive Warrior Join Date: 2009 Posts: 168 Thanks: 33 Thanked 21 Times in 20 Posts	Re: jQueryMobile ThemeRoller Released Share on: Looks cool, checking it out right now. Don't see it, but it would be real cool if you could upload your own background or header to match your company, etc. If I missed that part, please let me know.

4th Nov 2011, 03:51 PM	#6
KateSaunders Active Warrior War Room Member Join Date: 2009 Posts: 63 Thanks: 74 Thanked 73 Times in 51 Posts	Re: jQueryMobile ThemeRoller Released Share on: Great share, Luke, thanks! I have a ton of questions about the builder, but I'll check out your blog and the tutorial first.

6th Nov 2011, 10:05 AM	#7
dollarware HyperActive Warrior Join Date: 2002 Location: Monticello, GA , USA. Posts: 100 Thanks: 29 Thanked 9 Times in 9 Posts	Re: jQueryMobile ThemeRoller Released Share on: I have been learning jQuery Mobile for the last month and I am very much impressed. It works well with DreamWeaver ver 5.5. I haven't used Themeroller for a site, yet but will do it today. I recommend you take a look at jQuery Mobile. John
	Why a Zagat Score is More Important to Your Business in Mobile Search. http://internet-local.com/getting-a-...ore-important/

6th Nov 2011, 10:44 PM	#8
arty49 JQM Fanatic Join Date: 2005 Location: Whangarei, New Zealand . Posts: 55 Thanks: 7 Thanked 19 Times in 14 Posts	Re: jQueryMobile ThemeRoller Released Share on: Hey Luke Like you I switched over to building my mobile sites over 4 months ago and have been awaiting this release. I find I can now turn 1 simple template into literally an unlimited number by simply creating different color themes and changing out headers. The trick to getting a theme to suit your web site is first of all to get the colors from your header and then using those to create at least an A, B, and C theme. I use this free service to get the colors from any header of my choosing Whats Its Color: Find the complementary and primary color of any image Hope this helps Ron
	Snazzy Notifier - How to create engagement and interaction with existing and future clients, with special offers, coupons, polls and relevant information using social media