Trancher et dés que PSD

Dans le didacticiel vidéo d'aujourd'hui, nous allons découper un fichier PSD, le découper en dés pour le Web et le servir sur une assiette bien chaude. Notre conception affiche une impression de "Web 2.0" et est fournie par Joefrey de ThemeForest.net. Assurez-vous de visiter son profil si vous avez la chance.

Étape 1: écriture du balisage

Étape 2: Codage du CSS

L'instantané PSD

L'instantané HTML / CSS

Vous pourriez aussi aimer…

  • Conversion d'un dessin de PSD en HTML

    Il y a plusieurs semaines, je vous ai montré comment convertir un design PSD en HTML et CSS. Compte tenu de la popularité de ce tutoriel, j'ai décidé de créer une deuxième série. Cependant, je ne suis pas vraiment un designer. Au lieu de cela, j'ai demandé à Collis s'il me permettait d'utiliser le design qu'il avait utilisé pour un tutoriel récent pour Web Design Week..

    Comme la dernière fois, je vous guiderai pas à pas dans le processus, même dans les parties fastidieuses. Prendre plaisir!

    Visitez l'article

  • Comment convertir un fichier PSD en XHTML

    Je continue d’être émerveillé par la façon dont le tutoriel «Construire un site portfolio élégant à partir de rien» de Collis continue de bien fonctionner. Cela fait des mois, et pourtant, il affiche toujours de bons chiffres chaque semaine. Compte tenu de ce fait, j'ai décidé de créer un screencast qui montre exactement comment convertir un fichier PSD en XHTML / CSS parfait..

    Visitez l'article

  • Abonnez-vous au flux RSS NETTUTS pour plus de commentaires et d'articles sur le développement Web au quotidien.