Nous terminons la conversion de la maquette ici dans l'épisode trois. Nous créons la «zone d'article» et la «barre latérale» (nommage de classe sémantique!), Puis nous effaçons le flottant. Nous utilisons Firebug pour voler la typographie des CSS-Tricks en direct. Ensuite, nous corrigeons un peu l'en-tête dans Photoshop et utilisons le remplacement d'image CSS pour le logo.
Liens de la vidéo:
- Voir la démo
- Telecharger des fichiers
- Partie un
- Deuxième partie
- Prequel