Nella parte 2 di questa serie, iniziamo la conversione HTML / CSS del mockup di Photoshop che abbiamo creato nella prima parte. Iniziamo con una struttura di progetto molto scheletrica. Quindi diamo un'occhiata all'organizzazione dei livelli dei file di Photoshop. Quindi iniziamo dal basso verso l'alto, creando i pezzi di cui abbiamo bisogno dal file Photoshop e scrivendo l'HTML e il CSS di cui abbiamo bisogno per portare a termine il lavoro. Gran parte del lavoro non è in realtà "affettare" il file Photoshop, ma guardarlo da vicino e cercare di imitare ciò che viene fatto lì con il markup corretto e le tecniche CSS.
Collegamenti dal video:- Sito di Kailin Yong
- jQuery Prepend
- Parte 1: Photoshop Mockup
- Parte 2: conversione HTML / CSS
- Parte 3: tema WordPress