Create standards-based CSS3 designs for mobile deployment
Welcome to the release of the CSS3 Mobile Pack for Adobe® Fireworks® CS5. This extension provides the functionality to easily and quickly create standards-based designs for mobile deployment within Fireworks CS5.
Built into the Fireworks CSS3 Mobile Pack is a new CSS3 Property panel, which provides a seamless approach to extract CSS from your design elements in Fireworks. In addition, the jQuery Mobile Theme Skinning tool helps you modify the default jQuery Mobile swatches and generate your own color swatches to CSS and sprites (which will work out of the box with the jQuery Mobile Framework).
The extension is specifically geared towards designers using Fireworks CS5 that want to be able to rapidly transform their vision into designs across different screen sizes, browsers and mobile devices, all while using the latest web standards.
Download and Discuss
Download the Fireworks CSS3 Mobile Pack
Discuss Fireworks CSS3 Mobile PackGetting Started
Follow these steps to get started with the Fireworks CSS3 Mobile Pack:
- If you do not have Fireworks CS5 or later version, download the free trial
- Download the Fireworks CSS3 Mobile Pack extension
- Double-click the downloaded extension to launch Extension Manager CS5 and install Fireworks CSS3 Mobile Pack. Windows 7 and Vista users should make sure that they are logged in with an Administrator account.
- Visit the Fireworks Developer Center to learn how to use Fireworks CSS3 Mobile Pack
- Ask questions or share your feedback in the Fireworks CSS3 Mobile Pack forum
Please note that your submission of comments, ideas, feature requests and techniques on this and other Adobe maintained forums, as well as Adobe's right to use such materials, is governed by the Adobe.com Terms of Use.
Community
Below you'll find references and links to help you participate in the Fireworks CSS3 Mobile Pack community.
Online Forum
Ask questions and discuss ideas with other users of Fireworks CSS3 Mobile Pack in the discussion forums.
Visit the Fireworks CSS3 Mobile Pack discussion forum
Please note that your submission of comments, ideas, feature requests and techniques on this and other Adobe maintained forums, as well as Adobe's right to use such materials, is governed by the Adobe.com Terms of Use.
Adobe Developer Connection
Read articles, samples and tutorials to help you learn more about Fireworks in the Fireworks Developer Center.
- Read Creating jQuery Mobile website themes in Fireworks using the CSS3 Mobile Pack
- Read Extracting CSS properties from design objects in Fireworks using the CSS3 Mobile Pack
- Visit the Fireworks Developer Center
Adobe TV
You can watch our latest video regarding the Fireworks CSS3 Mobile Pack on Adobe TV
- Watch the Using the New CSS3 Mobile Pack video (English)
- Watch the Using the New CSS3 Mobile Pack video (Japanese)
- Watch additional Fireworks Tips and Tricks videos
Resources
If you want to learn more about releases on Labs as well as other Adobe technologies, visiting a user group or connecting with an Adobe Community Professional is a great place to start.
Product Details
Frequently Asked Questions
- What is the Fireworks CSS3 Mobile Pack?
- The Fireworks CSS3 Mobile Pack is an extension for Fireworks CS5 that allows web professionals to more efficiently create web, mobile and tablet designs that adhere to the latest industry standards.
- What are the features of the Fireworks CSS3 Mobile Pack?
- The two primary features of the Fireworks CSS3 Mobile Pack are:
- CSS3 Property Panel — Using this extension, design Properties, such as rounded corners, gradients, shadow, and transformations present in Fireworks can be easily translated to CSS. The extension also specifies browser-specific CSS properties to maintain design parity for various browsers, including Mozilla Firefox, Google Chrome, Safari , Opera and Internet Explorer. Once extracted, the properties can then be directly copied to a CSS file using a text editor or an application such as Dreamweaver.
- jQuery Mobile Theme Skinning — With this extension, web professionals can create or edit the default jQuery Mobile theme in Fireworks, preview it, and generate CSS and sprites. Users of this extension can then proceed with applying the new theme to the newly created jQuery mobile-based web page for mobile devices.
- Who should try the Fireworks CSS3 Mobile Pack?
- This extension is great for anyone who is already familiar with Fireworks and wants to design for mobile deployment.
- Which Adobe products are required?
- To use the Fireworks CSS3 Mobile Pack extension, the user will need either Fireworks CS5 or Fireworks CS5.1. Download a free trial of Fireworks.
- Where can I post issues or comments?
- Please use the Fireworks CSS3 Mobile Pack forum to ask questions or report any issues and provide comments.
- How can I uninstall the extension?
- Follow these steps to uninstall the Fireworks CSS3 Mobile Pack extension:
- Launch Extension manager CS5 or CS5.5 (on Windows 7 and Vista, make sure to launch as Administrator).
- Select Fireworks in the left-hand column, if not selected by default.
- Choose the extension CSS3Mobilepack.
- Click the "Remove" button.
System Requirements
Fireworks CSS3 Mobile Pack requires an installation of Fireworks CS5 or CS5.1.
See the Fireworks system requirements
Release Notes
This release of the Fireworks CSS3 Mobile Pack is designed for evaluation purposes only. The software contained is not final; however, many portions of the technology are fully implemented and ready for you to try and discuss.
