Slice and Dice som PSD

I dagens video-handledning slicerar vi upp en PSD, slår den på nätet och serverar den på en varm hetta. Vår design sportar en snygg "Web 2.0" känner och kommer med artighet av Joefrey från ThemeForest.net. Var säker på att besöka hans profil om du har chansen.

Steg 1: Skriva upp Markup

Steg 2: Kodning av CSS

PSD-ögonblicksbilden

HTML / CSS snapshot

Du kanske också gillar ...

  • Konvertera en design från PSD till HTML

    För flera veckor sedan visade jag dig hur man tar en PSD-design och konverterar den till HTML och CSS. Med tanke på populariteten för den särskilda handledningen har jag bestämt mig för att skapa en andra serie. Men jag är inte mycket av en designer. I stället frågade jag Collis om han skulle tillåta mig att använda den design som han använde för en ny handledning för webbdesignveckan.

    Precis som förra gången tar jag dig igenom processen steg för steg - även genom de tråkiga delarna. Njut av!

    Besök artikeln

  • Så här konverterar du en PSD till XHTML

    Jag fortsätter att bli förvånad över hur bra Collis "Build a Sleek Portfolio Site From Scratch" fortsätter att utföra. Det har varit månader, men det lägger fortfarande in starka siffror varje vecka. Med tanke på det faktum bestämde jag mig för att skapa en skärmdump som visar dig exakt hur man konverterar en PSD till perfekt XHTML / CSS.

    Besök artikeln

  • Prenumerera på NETTUTS RSS-flödet för fler dagliga webbutvecklingstoppar och artiklar.