Concluímos a conversão da maquete aqui no terceiro episódio. Criamos a “área do artigo” e a “barra lateral” (nomenclatura de classe semântica!) E, em seguida, limpamos o flutuante. Usamos o Firebug para roubar a tipografia dos CSS-Tricks ao vivo. Em seguida, corrigimos o cabeçalho um pouco no Photoshop e usamos CSS Image Replacement para o logotipo.
Links do vídeo:
- Ver demonstração
- Download de arquivos
- Parte um
- Parte dois
- Prequel