PSD to HTML & CSS (Series 1, unresponsive) #2 – Slicing and Saving Images

Hey guys. In this PSD to HTML tutorial, we’ll be taking a closer look at our PSD and using the slice tool to create slices which we can export as images. We’ll also take a brief look at what an image sprite is and create one, so that we can use in in conjunction with CSS when it comes time to code it up.

As usual, any questions you have, just fire away :).

PSD Web template to download –


========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to – or

========== Social Links ==========

Twitter – @TheNetNinja –

If you enjoyed this article, Get email updates (It’s Free)