Learn how to use Adobe Fireworks to create icons and sprite sheets and extract CSS properties. Tools and techniques we'll explore include the Pen tool, composite paths, the Path panel, and CSS Properties.Dave Hogue, vice president of experience design at Fluid, will explain:• How to use vector tools in Fireworks to create icons for websites or mobile apps• How to create a CSS sprite sheet of the icons and design an icon toolbar• How to extract the CSS properties of the toolbar so that it can be built in Adobe Dreamweaver or Adobe Edge Code and Brackets

Compare the advantages of exporting via CSS Sprites vs. conventional methods by creating a graphic with multiple states and reviewing the streamlined CSS Sprite code and image generated.

Review the latest support features for CSS and CSS3 including CSS code extraction, Internet Explorer 10 support, CSS Sprites Export, and the ability to modify and export jQuery Mobile Themes.