W części 2 tej serii rozpoczynamy konwersję HTML / CSS makiety programu Photoshop, którą stworzyliśmy w części pierwszej. Zaczynamy od bardzo szkieletowego szkieletu projektu. Następnie przyjrzymy się organizacji warstw plików w programie Photoshop. Następnie zaczynamy od dołu do góry, tworząc potrzebne elementy z pliku Photoshopa i pisząc HTML i CSS, których potrzebujemy, aby wykonać zadanie. Znaczna część pracy nie polega na „krojeniu” pliku Photoshopa, ale na dokładnym przyjrzeniu się mu i próbie naśladowania tego, co się tam robi, za pomocą poprawnych technik znaczników i CSS.
Linki z wideo:- Witryna Kailin Yong
- jQuery Prepend
- Część 1: Photoshop Mockup
- Część 2: Konwersja HTML / CSS
- Część 3: Motyw WordPress