Na parte 2 desta série, começamos a conversão HTML / CSS da maquete do Photoshop que criamos na parte um. Começamos com uma estrutura de projeto muito esquelética. Em seguida, damos uma olhada na organização da camada de arquivos do Photoshop. Então começamos de baixo para cima, criando as peças de que precisamos a partir do arquivo do Photoshop e escrevendo o HTML e CSS de que precisamos para fazer o trabalho. Muito do trabalho não está realmente “fatiando” o arquivo do Photoshop, mas olhando de perto para ele e tentando imitar o que é feito lá com marcação correta e técnicas CSS.
Links do vídeo:- Site Kailin Yong
- jQuery Prepend
- Parte 1: Photoshop Mockup
- Parte 2: conversão de HTML / CSS
- Parte 3: Tema WordPress