What is the best approach for PSD to HTML/CSS coding?

[MikeGore]

Hi,

I would like to now what the best approach is.

I know the how, I would just like to know what the most efficient way.

Do you do any planning or just get to it?

Write comments first?

If you were doing this during your review, how would your supervisor expect you to approach it?

[CHEWX]

I draw out the divs on a piece of paper, helps me map the site from the PSD.

Then start splicing if you NEED images, most can be done in CSS nowadays. Then get the old marque tool and get the sizes of the divs you mapped out and code away.

My process, no two people have the same.

[StevenHu]

BTW, many developers, not all, are moving away from a fixed-width layout and going for responsive design so the layout fits a wider range of screens, including desktop, tablet, and mobile phones.

Otherwise, you might try sketching it out on paper first, using a grid, and put dimensions in pixels in the containers.

[CHEWX]

Responsive Web Design isn't the answer to all website solutions, it takes many hours extra in prep, coding and testing.

Fixed-width layouts are here to stay.

[celestia]

This answer will get longer and take long so it will be better to go on the link and find the detail information with videos ,,,
http://net.tutsplus.com/tutorials/si...-html-and-css/