Hi and welcome to this week’s web design video blog. Today we’re updating a popular, video blog from the past – How to create a CSS Sprite Navigation Bar. If you already have your sprite graphic prepared, simply click here to head to Part 2, where we write all of the HTML & CSS to complete the tutorial.
In part one today, we start by preparing the Sprite graphic. After checking out some live examples of CSS Sprites in action, we share some simple tips for creating, cropping and optimising your Sprite.
For more information about optimising your Sprite’s file size, we recommend also checking out our other video tutorial on Photoshop’s Save For Web feature.
Very useful video blog. Gives lots of important inputs on CSS sprite navigation for a website. Excellent!
Very good video. Great!