PSD made into HTML related reference page

Front-end production (art) is how to make a PSD page?

I do not know how to do the art, because I do the front-end, I am from the perspective of the front.

First get the PSD, first analyze what is to be exported as a picture, which can be done by their own code.
All the pictures are exported, to make sprite map made of snow Sprite

Then directly start code, in Google Chrome or Firefox test, do not use IE to do the first Test.
1. Write a frame against the design drawing
2. Perfect details, add JS effect (reusable components, module attention separation)
3. Complete all pages, test browser compatible

PS: If there is no front-end foundation, Pure is the art of the words I Phuket, remember is directly with the PS slicing tool plus DW adjustment. Again this kind of thing should be the front-end do, for Mao to let art or designers do, do out of useful not ...

How to separate the code and component modules can refer to the NEC specification of NetEase
Spec-NEC: A better CSS style solution

Zhu Leyi
Links: http://www.zhihu.com/question/23824421/answer/25782086
Source: Know
Copyright belongs to the author, please contact the author for authorization. Http://www.uimaker.com/uimakerhtml/uistudy/2010/0430/3379.html

PSD made into HTML related reference page