Slice and Dice that PSD

Nel video tutorial di oggi, afficheremo un PSD, lo diremo per il Web e lo serviremo su una piastra calda. Il nostro design sfoggia un tocco "Web 2.0" e viene gentilmente offerto da Joefrey di ThemeForest.net. Assicurati di visitare il suo profilo se ne hai la possibilità.

Passaggio 1: scrivere il markup

Passaggio 2: codifica del CSS

L'istantanea PSD

L'istantanea HTML / CSS

Anche tu potresti piacere ...

• 

  Conversione di un disegno da PSD in HTML

  Diverse settimane fa, ti ho mostrato come prendere un design PSD e convertirlo in HTML e CSS. Data la popolarità di quel particolare tutorial, ho deciso di creare una seconda serie. Tuttavia, non sono molto un designer. Invece, ho chiesto a Collis se mi avrebbe permesso di usare il disegno che usava per un recente tutorial per la Settimana del Web Design.

  Proprio come l'ultima volta, ti guiderò attraverso il processo passo dopo passo, anche attraverso le parti noiose. Godere!

  Visita l'articolo

• 

  Come convertire un PSD in XHTML

  Continuo a essere stupito dal modo in cui il tutorial di Collis "Build a Sleek Portfolio Site From Scratch" continua ad esibirsi. Sono passati mesi, ma registra ancora numeri forti ogni settimana. Considerato questo, ho deciso di creare uno screencast che ti mostra esattamente come convertire un PSD in XHTML / CSS perfetto.

  Visita l'articolo

• Iscriviti al feed RSS di NETTUTS per ulteriori tuts e articoli di sviluppo web giornalieri.