V části 2 této série zahajujeme převod HTML / CSS makety Photoshopu, kterou jsme vytvořili v první části. Začínáme s velmi kosterním rámcem projektu. Poté se podíváme na organizaci vrstvy souborů Photoshopu. Pak začneme zdola nahoru, vytvoříme části, které potřebujeme, ze souboru Photoshopu a zapíšeme HTML a CSS, které potřebujeme k dokončení práce. Velká část práce ve skutečnosti není „krájením“ souboru Photoshopu, ale pozorným pohledem na něj a pokusem napodobit, co se tam děje, správnými značkovacími a CSS technikami.
Odkazy z videa:- Stránka Kailin Yong
- jQuery Prepend
- Část 1: Photoshop Mockup
- Část 2: Převod HTML / CSS
- Část 3: Téma WordPress