In this post let’s generate the jQuery CSS and sprites from the skinned jQuery templates. There are two options available to export the required assets.
Preview your design in a browser before finalizing a design. Individual themes can be previewed in the jQuery mobile theme preview panel. All the swatches created in the template can be previewed at one go using the option to preview in a browser.
Share on FacebookThe jQuery Mobile theme Skinning feature in Fireworks includes a template with default sprite images and a set of swatches. This extension lets you modify default sprites and swatches in the template. You can create additional swatches by duplicating an existing page and customizing it. The swatch name is inherited from the page name in the exported CSS.
Share on FacebookThis blog is the first in series of five blogs dedicated to “jQuery Mobile Theme Skinning”, a new feature in Fireworks CS5 that is part of the CSS3 Mobile Pack extension.
The jQuery mobile theme skinning is part of the CSS3 Mobile Pack extension for Fireworks. This extension enables you to create or update the theme of a jQuery Mobile website using Fireworks.
In Fireworks, a template with all the modifiable design aspects for jQuery Mobile is provided. After modifying the themes present in the template, you can preview the look and feel of the themes using an in-app preview or a browser, and export the corresponding CSS code along with the sprite assets.
Share on FacebookAt AdobeMAX 2011 Keynote, Fireworks CSS3 Mobile Pack is announced.
This mobile pack contains following feature.
Video: Using CSS3 Mobile Pack
You can download this extension from Adobe Labs
Enjoy!
Share on FacebookFireworks 11.0.1 Dot Release for Fireworks CS5.0 customer is out!
More Bug fixes and stabilize application. Use AAM(Adobe Application Manager) or download from here.
http://www.adobe.com/support/fireworks/downloads_updaters.html
You can find the detail of bug fixes on the older post.
http://blogs.adobe.com/fireworks/2011/04/fireworks-cs5-1-in-creative-suite-cs5-5.html
Enjoy,
Fireworks Team
Share on FacebookMatt Stow is a web and user interface designer who specialises in designing and developing accessible, standards-compliant websites. From conception to completion, Fireworks and Dreamweaver are his most important companions. Matt is a Fireworks evangelist and can often be found championing its abilities.
His recent invention is Math resize extension.
This extension allow user to resize an object as mathematically. I’s really useful to resize an object exact value without distortion. For example if you create rounded corner rectangle resize object via scale tool, the corner will be distorted. You need to use 9-slice scale tool to avoid problem or simply type exact value in PI W, H field. However, using this extension, it will help you to simple calculation to resize object.
Give it a try!
Share on Facebook
Mikko Vartio is web designer / web developer and one of the top Fireworks user. His web site provide great tips and techniques for Fireworks. GIF banner Ads is commonly used and could increase usage since iOS does not support one of Adobe’s technology.
By the way, Fireworks rename Frame palette to States Panel in order to align same concept with Flex platform. However, you can still use State panel as exactly same way to create animated GIF. We can learn efficient way to create multiple size of Ad-banner from this tutorial.
Thanks nakis-s.info for sharing information
Some customer suffer from “Could not Launch” problem with “An internal error occurred.” on Fireworks CS4 on Window.
Please delete “Fireworks CS4 Panel Prefs.xml” and re-launch application. This could solve the problem.
The file location is:
Windows XP:
[Drive C:]\Documents and Settings\[username]\Application Data\Adobe\Fireworks CS4\[language]\Fireworks CS4 Panel Prefs.xml
Windows Vista or Windows 7:
[Drive, C:]\Users\[username]\AppData\Roaming\Adobe\Fireworks CS4\[language]\Fireworks CS4 Panel Prefs.xml
Export Text Command Panel Extension : 3 REVOLUTIONS
Mariano Ferrario creates new extension that enable to extract text from the Fireworks document to **.txt or **.cvs file. This is simple but powerful tool enable to extract just text. It would be improve production workflow also, spec updating workflow. It works with 2bytes text too without problem.
You can access to the Panel from Window > Export Text after install this extension.
Also please check out previous Annotation Command Panel Extension. Using Adobe InDesign to spec writing and using Fireworks for wireframe and prototype will much productive with this tool.
Share on Facebook