I del 2 av denne serien begynner vi HTML / CSS-konverteringen av Photoshop-mockupen vi opprettet i første del. Vi starter med et veldig skjelettrammeverk. Så tar vi en titt på Photoshop-fillagsorganisasjonen. Deretter starter vi fra bunnen av, lager brikkene vi trenger fra Photoshop-filen og skriver HTML og CSS vi trenger for å få jobben gjort. Mye av arbeidet er ikke "skjæring" av Photoshop-filen, men ser nøye på den og prøver å etterligne hva som gjøres der med riktig markering og CSS-teknikker.
Lenker fra video:- Kailin Yong-siden
- jQuery Prepend
- Del 1: Photoshop Mockup
- Del 2: HTML / CSS-konvertering
- Del 3: WordPress-tema