Get $500+ of the best After Effects files, video templates and music for only $20!
Building a jQuery Mobile Theme With Adobe Fireworks
videos

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

Don’t like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!


2: Creating a Theme

Don’t like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!


3: Moving to Dreamweaver

Don’t like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!

Add Comment

Discussion 7 Comments

  1. I think it useless doing all that in fireworks since you can tweak the jquery mobile css file from any editor.

  2. Looks like a great tutorial to start off with—especially since having a mobile site is so important. Thanks!

  3. Kevin Stagg says:

    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!

  4. Ben F says:

    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.

  5. Louis says:

    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

  6. manoj says:

    there is no mobile starter in my Dreamweaver so plz tell me what i should do to install mobile starter in my Dreamweaver.

    :|

Add a Comment