So you’ve got your brand spanking new site polished and ready to unleash on the world? Now it’s time to make that puppy sing!! Here are 5 tips that will speed that process up!

Over the past year I have sliced and coded over 60 sites. I can promise you these steps will have you done and at the bar in no time!

1. Set a Layer Comp

This is ALWAYS my first step. By setting a layer comp before you start you can always turn on the completed view. So when you start hiding layers and slicing away you can go back at anytime with ease.

2. Record Fonts

Open up a doc and document the fonts that will be used so when you get knee deep in CSS you don’t have to go back to the PSD.

3. Record Colors

In that same doc you started. Document all the colors in the different section of your site. Again this will speed up CSS.

4. Record Dimensions

Same thing here document all the different dimensions. Trust me this will shave BIG time off your coding.

5. Start from the top and take your time

Start slicing out your images from the top down and take your time making sure to get everything you need to code your masterpiece.

6. BONUS! GET IT ALL

Document everything and make sure you get all the elements you need. The idea that when you start coding not to have to go back to photoshop. Have all your info ready will give you more time to focus on bringing your web stunner to Life.

Happy Slicing! Cheers!!