Alert icon
We're changing our privacy policy. This stuff matters.  Learn more  Dismiss

Using SpriteRight For CSS Sprite Creation

Loading...

Sign in or sign up now!
Alert icon
Upgrade to the latest Flash Player for improved playback performance. Upgrade now or more info.
325 views
Loading...
Alert icon
Sign in or sign up now!
Alert icon

Uploaded by on Jan 21, 2012

CSS sprites are a fantastic way to speed up the loading of web pages by combining multiple image requests into a single one. In order to ensure that the different pieces are shown as independent graphics, background-position values must be altered. Unless such values are exact, the result is an armature-looking product.

That said, in this video, I produce a sprite for a project I'm currently working on and use a Mac tool called SpriteRight.

Website: htttp://www.tom-rogers.com/

Category:

Science & Technology

Tags:

License:

Standard YouTube License

  • likes, 0 dislikes

Link to this comment:

Share to:
see all

All Comments (3)

Sign In or Sign Up now to post a comment!
  • Great Video =) I <3 It....

  • Great stuff. I learned something. As you exported the image it seems that you can check the option to have the CSS exported as well. All though, writing the CSS manually does tend to be a better lesson for the sake of understanding. Thanks.

  • Hello Tom ! I am pleased to see yo are getting the views your informative and timely videos deserve! Huzah for graduation!

Loading...

Alert icon
0 / 00Unsaved Playlist Return to active list
    1. Your queue is empty. Add videos to your queue using this button:
      or sign in to load a different list.
    Loading...Loading...Saving...
    • Clear all videos from this list
    • Learn more