Dans la partie 2 de cette série, nous commençons la conversion HTML / CSS de la maquette Photoshop que nous avons créée dans la première partie. Nous commençons avec un cadre de projet très squelettique. Ensuite, nous examinons l'organisation des calques de fichiers Photoshop. Ensuite, nous commençons de bas en haut, en créant les éléments dont nous avons besoin à partir du fichier Photoshop et en écrivant le HTML et le CSS dont nous avons besoin pour faire le travail. Une grande partie du travail n'est pas réellement de «découper» le fichier Photoshop, mais de l'examiner de près et d'essayer d'imiter ce qui est fait là-bas avec un balisage et des techniques CSS corrects.
Liens de la vidéo:- Site de Kailin Yong
- jQuery Prepend
- Partie 1: maquette de Photoshop
- Partie 2: Conversion HTML / CSS
- Partie 3: Thème WordPress