Advertisement
Applications and Tools

New in Fireworks CS6: CSS Properties and Sprites

by

Continuing our look at new features in Adobe Fireworks CS6, let's now check out some of the ways in which you can directly output your work as browser-friendly code.


Sprites

If there's one new feature in Fireworks CS6 that I adore, it's the creation of sprite sheet graphics and accompanying stylesheets.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes, YouTube or blip.tv!


CSS Properties

Initially introduced as a feature in Adobe Labs, exporting css properties from objects you build on the Fireworks canvas has been finalized (and improved) for CS6.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes, YouTube or blip.tv!

Related Posts
  • Web Design
    CMS
    Tumblr Appearance Options: Boolean OptionsTumblr 23 retina
    In this episode of Tumblr Theming 101 we'll add some Boolean Appearance Options to our theme. This will allow users, through checkboxes, to enable or disable certain features.Read More…
  • Web Design
    CMS
    Continuing With Our Tumblr Theme's CSSTumblr 15 retina
    In this part of our Tumblr theming series, we're going to continue with our theme's CSS. We'll be working directly on the live site, as a number of elements won't show up otherwise. Let's dig in!Read More…
  • Web Design
    CMS
    Styling Our Tumblr ThemeTumblr 13 retina
    Having finished the HTML markup for our theme, it's now time to begin playing with CSS. In this tutorial we'll gather everything we need to start styling; colors, typography details and so on.Read More…
  • Web Design
    HTML/CSS
    Introducing Gumby: An Alternative CSS FrameworkGumby intro retina
    Let me introduce you to Gumby; a flexible CSS framework, currently at version 2.5. Gumby is packed with useful features, which we'll examine throughout the course of a few screencast tutorials. We'll begin by exploring its straightforward CSS variant, the UI kit, the grid, a host of other tricks, then in later videos we'll take a look at Gumby's Sass version.Read More…
  • Web Design
    Applications and Tools
    Your Workflow, With Adobe Edge ReflowRf 2 retina
    Let's look a little deeper into what Adobe Reflow can do for our web design process. To begin with, we'll prepare some visual assets in Adobe Fireworks, we'll then export them across to Reflow. Having done that, we'll examine some of Reflow's key features as we build our design responsively. Remember: Reflow is a work in progress. It will evolve and develop as you guys figure out what it should be doing. Use it and improve it!Read More…
  • Web Design
    Applications and Tools
    What's New in Fireworks CS6?Preview
    As you'll probably know, I just love Adobe Fireworks; it's my favorite tool for creating images in a multi-screen environment. Thanks to the release of Fireworks CS6 my love affair has blossomed even further, so over the next few days we're going to look at some of the reasons why.Read More…