V časti 2 tejto série začíname konverziu HTML / CSS makety Photoshopu, ktorú sme vytvorili v prvej časti. Začíname s veľmi kostrovým rámcom projektu. Potom sa pozrieme na organizáciu vrstvy súborov Photoshopu. Potom začneme zdola nahor, vytvoríme kúsky, ktoré potrebujeme, zo súboru Photoshopu a napíšeme HTML a CSS, ktoré sú potrebné na dokončenie úlohy. Veľa práce vlastne nie je „rozrezaním“ súboru Photoshopu, ale dôkladným prezeraním a snahou napodobniť, čo sa tam deje, správnymi technikami značkovania a CSS.
Odkazy z videa:- Stránka Kailin Yong
- jQuery Prepend
- 1. časť: Photoshop Mockup
- Časť 2: Konverzia HTML / CSS
- Časť 3: Téma WordPress