Pada bagian 2 dari seri ini, kita memulai konversi HTML / CSS dari mockup Photoshop yang kita buat di bagian pertama. Kami mulai dengan kerangka proyek yang sangat kerangka. Kemudian kita lihat organisasi lapisan file Photoshop. Kemudian kita mulai dari bawah ke atas, membuat potongan-potongan yang kita butuhkan dari file Photoshop dan menulis HTML dan CSS yang kita butuhkan untuk menyelesaikan pekerjaan. Sebagian besar pekerjaan sebenarnya tidak “mengiris” file Photoshop, tetapi melihat lebih dekat dan mencoba meniru apa yang dilakukan di sana dengan teknik markup dan CSS yang benar.
Tautan dari Video:- Situs Kailin Yong
- jQuery Prepend
- Bagian 1: Photoshop Mockup
- Bagian 2: Konversi HTML / CSS
- Bagian 3: Tema WordPress