Snijd en dobbel die PSD

In de video-zelfstudie van vandaag snijden we een PSD in stukjes, snijden deze in voor het web en serveren deze op een warme kookplaat. Ons ontwerp heeft een nette "Web 2.0" -gevoel en is te danken aan Joefrey van ThemeForest.net. Zorg ervoor dat je zijn profiel bezoekt als je de kans hebt.

Stap 1: de markup schrijven

Stap 2: codering van de CSS

De PSD-momentopname

De HTML / CSS-snapshot

You Also Might Like ...

  • Een ontwerp converteren van PSD naar HTML

    Enkele weken geleden heb ik je laten zien hoe je een PSD-ontwerp moet nemen en het in HTML en CSS kunt omzetten. Gezien de populariteit van die specifieke tutorial, heb ik besloten om een ​​tweede serie te maken. Ik ben echter niet zo'n ontwerper. In plaats daarvan vroeg ik Collis of hij zou toestaan ​​dat ik het ontwerp zou gebruiken dat hij gebruikte voor een recente tutorial voor Web Design Week.

    Net als de vorige keer, zal ik je stap voor stap door het proces leiden, zelfs door de saaie delen. Genieten!

    Bezoek artikel

  • Hoe een PSD naar XHTML te converteren

    Ik blijf me verbazen over hoe goed Collis de 'Build a Sleek Portfolio Site from Scratch'-tutorial blijft uitvoeren. Het is maanden geleden, maar toch worden er elke week sterke cijfers geplaatst. Gezien dat feit heb ik besloten om een ​​screencast te maken die je precies laat zien hoe je een PSD converteert naar perfecte XHTML / CSS.

    Bezoek artikel

  • Abonneer u op de NETTUTS RSS-feed voor meer dagelijkse webontwikkelingen, tuts en artikelen.