Resource Flagged for Abuse
  • This resource has been flagged as violating the Terms of Use.

Using the New Fireworks CS6 Export as Sprites Feature

Posted on Apr 23, 2012 by Sheri German
0 1,001
  • Satisfactory
Subject
Web
Grade Levels
13-14, 15-16, 17-18, Post-Secondary
Resource Type
Project
Keywords
Fireworks CS6, Sprites
Products Used
  • Fireworks

Description

With the growing popularity of mobile browsing, designers are making heavy use of sprites in conjunction with the CSS background-position property. Instead of creating a number of individual images that each requires a separate http-request for the browser to fetch it, you can create one file - a Sprite - that includes all the smaller images packaged into one document. You then show and hide the appropriate image in the Sprite by setting its X and Y coordinates within the parent container. Fireworks CS6 does all the math and writes all the CSS for you when you use its new Export as CSS Sprites feature.

Resource Assets (1)

You need to be a member to view the resource files.

Join for free or sign-in with an Adobe ID.

Additional Information

Creative Commons License
Attribution
  • Satisfactory