Sun. Jan 19th, 2020

Host your Website

Read and learn

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

1 min read



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 – http://www.freepik.com/free-psd/green-web-template-psd_685990.htm

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== 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 – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

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

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

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

  1. Hi, the PSD website template link that you shared is dead, if you still have that file on your computer can you share it with me please so I can follow along with you? Thanks so much

Comments are closed.

Copyright © All rights reserved. | Newsphere by AF themes.