This tutorial will help you learn how to use and make image sprites in under 7mins for your website design. This guide covers CSS styling, HTML coding and the process involved in converting several images into one solid file using various online tools.
Applications, plugins and 3rd party sites used:
Sublime Text 2 (HTML and CSS Editor)
Emmet (Increased HTML and CSS Functions)
CSS Sprite Generator (Convert multiple images into a solid sprite image)
Relevant Links
http://spritegen.website-performance.org/
http://emmet.io/
http://www.sublimetext.com/
https://github.com/sergeche/emmet-sublime
source