This eBook is a step-by-step walk-through of the CSS3 mobile pack for Adobe® Fireworks® CS5/5.1. Showcasing the increased potential of Fireworks as a design and prototyping tool for mobile and web development, the CSS3 mobile pack includes two new tools: the CSS3 Property Panel and the jQuery Mobile Theme Skinning tool. The extension is geared toward designers familiar with Fireworks and Dreamweaver who want to transform their vision into designs across various screen sizes, browsers, and mobile devices, all while using the latest web standards.

With real-world applications for each new tool, this book shows designers how to utilize CSS3 properties in a web page design and create and customize a simple jQuery Mobile site in Fireworks.

Covers the two new tools included in the CSS3 Mobile Pack extension:

CSS3 Property Panel: Convert Fireworks artwork to pure CSS markup. If what you create using vectors and other attributes is supported by CSS3, you can use Fireworks to generate the CSS and copy it to the clipboard, allowing you to paste the code directly into your style sheet, where you can apply it to an HTML element, id, or class.

jQuery Mobile Theme Skinning: Use to create or modify a theme for a jQuery Mobile website. Then preview and export the new or updated theme, complete with corresponding CSS and Sprites, out to your website.

Jim Babbage

teaches imaging, Web design, and photography in Toronto at Centennial College's Centre for Communication, Media, and Design and at Humber College's Digital Imaging Training Centre. He is also a creative partner/co-owner of NewMedia Services, a communications company. Beginning his career as a commercial photographer, Jim started working with Photoshop 2.5 and early versions of Fireworks and Dreamweaver and was hooked. Jim is a frequent contributor of articles on Fireworks, Dreamweaver, Photoshop, and other general web topics to the Community MX Web site and has presented at Adobe Max as well as several other conferences.