Building a jQuery Mobile Theme With Adobe Fireworks
Tutorial Details
- Topic: jQuery Mobile, Fireworks
- Difficulty: Beginner
- Screencast duration: 17 mins
In this tutorial I’ll demonstrate how easy it is to create a jQuery Mobile theme in Fireworks, preview the theme, and move it into an HTML5 jQuery sample in Dreamweaver CS 5.5.
The ability to create jQuery Mobile pages in Dreamweaver CS 5.5 is a really neat addition to the line up. For a designer, though, the fact that jQuery Mobile is a code framework can make life a little difficult, especially when it comes to creating themes for mobile projects targeted to smartphones or tablets.
1: Introduction
2: Creating a Theme
3: Moving to Dreamweaver
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Tom Green
Sign up now!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Webdesigntuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
I think it useless doing all that in fireworks since you can tweak the jquery mobile css file from any editor.
Yup i agree with Ozgur
This tut i also found useless instead of doing in fireworks you can use this http://jquerymobile.com/themeroller/ site to tweak your jquery mobile theme in live preview .
Looks like a great tutorial to start off with—especially since having a mobile site is so important. Thanks!
Just another reason why I am such an Adobe Fireworks fanboi. Thanks for submitting this Tom. You and Jim Babbage rock – keep up the great work!
I didn’t know that you can do such things in Fireworks, but sorry, but your Code does look disgusting. I don’t think it’s normal to make a comma after one html-attribute, or is it? And it’s also not fine to make spaces between attribute and value.
Is there any reason that you didn’t use the ThemeRoller as is suggested in the link below?
http://jquerymobile.com/test/docs/api/themes.html
there is no mobile starter in my Dreamweaver so plz tell me what i should do to install mobile starter in my Dreamweaver.
:|