Using the CSS3 Mobile Pack for Adobe Fireworks CS5

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.