Advertisement
Using Fireworks

Building a jQuery Mobile Theme With Adobe Fireworks

by

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!

Related Posts
  • Web Design
    CMS
    Adding a Twitter Timeline to a Tumblr ThemeTumblr 28 retina
    Welcome to this, the first of three bonus videos in our series Tumblr Theming 101. During this lesson we'll look at incorporating a simplified Twitter timeline into our theme; a slightly more complex process since Twitter updated their API to v1.1.Read More…
  • Web Design
    CMS
    Tumblr Appearance Options: Boolean OptionsTumblr 23 retina
    In this episode of Tumblr Theming 101 we'll add some Boolean Appearance Options to our theme. This will allow users, through checkboxes, to enable or disable certain features.Read More…
  • Web Design
    CMS
    Tumblr Appearance Options: ImagesTumblr 22 retina
    Moving on with our coverage of Tumblr's Appearance Options, we're now going add an option whereby users will be able to set a background image to the theme.Read More…
  • Web Design
    CMS
    Adding Localization to Tumblr ThemesTumblr 17 retina
    In this episode of Tumblr Theming 101 we'll complete the CSS for our video post type, which will involve using some principles from Fitvids.js. We'll also look at adding localized theme strings, for multilingual support.Read More…
  • Web Design
    CMS
    Quick Tip: How to Disable Tumblr's Default Mobile ThemeTumblr 14 retina
    Tumblr blogs automatically use a default mobile layout for smaller screens. In this video we're going to look at disabling this default mobile layout, so that we can fully engage our own responsive theme.Read More…
  • Web Design
    CMS
    The Code Behind a Tumblr ThemeTumblr 2 retina
    In this screencast we'll take a first look at the structure of a Tumblr theme and the Tumblr customize area.Read More…