In Teil 2 dieser Serie beginnen wir mit der HTML / CSS-Konvertierung des in Teil 1 erstellten Photoshop-Modells. Wir beginnen mit einem sehr skelettartigen Projektrahmen. Dann werfen wir einen Blick auf die Organisation der Photoshop-Dateiebene. Dann beginnen wir von unten nach oben, erstellen die benötigten Teile aus der Photoshop-Datei und schreiben den HTML- und CSS-Code, den wir für die Erledigung der Aufgabe benötigen. Ein Großteil der Arbeit besteht nicht darin, die Photoshop-Datei zu „schneiden“, sondern sie genau zu betrachten und zu imitieren, was dort mit korrekten Markup- und CSS-Techniken gemacht wird.
Links vom Video:- Kailin Yong Site
- jQuery Prepend
- Teil 1: Photoshop-Modell
- Teil 2: HTML / CSS-Konvertierung
- Teil 3: WordPress-Theme