Tr3ndy

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS

Probabilmente è il sogno di tutti i piccoli blogger e web designer: conoscere tutti i particolari, i dettagli su come eseguire in maniera perfetta una conversione da Photoshop a XHTML/CSS. Quasi tutti i blogger che conosco vorrebbero assoldare un professionista in grado di realizzare un tema originale e creativo, basato magari su un loro schizzo o bozza.

Partiamo subito con il dire che convertire PSD in XHTML/CSS non è un gioco da ragazzi. Sul web esistono delle ottime guide, alcune anche in versione video, in grado di farci capire quali sono i passi da seguire, gli accorgimenti e le regole di cui tenere conto.

In questo post voglio condividere con voi, le migliori 10 guide che ho trovato sul web. 8 sono in lingua inglese, ma vi assicuro che vale la pena leggerle e comprenderle, mentre 2 sono in italiano, per dare una mano anche a chi non è ferrato con l’inglese.

Guide per convertire PSD to XHTML/CSS (inglese)

Chris Coyer di CSS Tricks

La prima guida è quella di Chris Coyier professionista del settore, appassionato Mac, che predilige fare dei video tutorial, spiegando in maniera chiara e semplice tutti i passi da seguire per raggiungere il proprio obiettivo.

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - CSS Tricks by Chris Coyier

Su CSS Tricks potrete visionare i video al alta definizione del tutorial, suddiviso in 3 parti della durata di 10 minuti ciascuno. Vi consiglio di salvarvi il file video direttamente dal link proposto.

Collis Ta’eed su Nettuts+

Un tutorial epico che mostra passo passo tutto l’iter da seguire, partendo da un semplice file Photoshop, fino ad arrivare alla validazione XHTML/CSS.

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - Nettuts+ by Collis Ta'eed

Richard Carpenter su hvdesign

Web designer freelance inglese che per lavoro scrive anche tutorial di qualità. In questo ci mostra come codificare CSS una pagina realizzata su Photoshop. Ogni passaggio è molto ben documentato, mentre la licenza di utilizzo è free.

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - hvdesign by Richard Carpenter

Chris Spooner su Line25

Un altro protagonista assoluto del web, per quanto concerne i CSS, il web design ed i tutorial in questi campi. In questa guida dettagliatissima, sarà possibile comprendere come strutturare in maniera semplice e soprattutto ordinata il proprio template.

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - Line25 by Chris Spooner

Jacob Gube su Six Revision

Ancora un prezioso tutorial su come trasformare un file PSD in un vero e proprio sito web, grazie alla codifica di XHTML e CSS. Questo post è il seguito di un articolo di Jan Cavan che mostra il procedimento da seguire per creare il proprio stile web su Photoshop. In accoppiata questi due tutorial rappresentano un ottimo punto di partenza.

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - Six Revision by Jacob Gube

Joshua Bolduc di BolducPress

Un’altra interessante guida su come codificare CSS e XHTML un sito corporate aziendale. Completo di demo e di pagina aggiuntiva (About) anch’essa dimostrativa, mostra tutti i passaggi necessari documentandoli con screenshot accurati.

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - BolducPress by Joshua Bolduc

Jeffrey Way di Nettuts+ (2 video tutorial)

Un nome, una garanzia… almeno per quanto riguarda la qualità dei video tutorial che è in grado di realizzare e proporre. In entrambe queste due appassionanti guide, viene mostrato come un professionista manipoli ed interagisca con il proprio design. Senza dubbio due tutorial da collezione.

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - Nettuts+ by Jeffrey Way

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - Nettuts+ by Jeffrey Way

Molto ben organizzati e strutturati, mostrano tutto il necessario da sapere e da conoscere, senza lasciare nulla al caso.

Guide per convertire PSD to XHTML/CSS (italiano)

Joomlaskin

Più che una guida teorica per la conversione, è un approccio su come porsi, davanti all’idea di realizzare il proprio template, partendo da una griglia ed utilizzando il cosiddetto grid system; tenendo in considerazione dimensioni, stili ed altri fattori. Molto utile a comprendere i rudimenti e le basi minime dei CSS.

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - JoomlaSkin

Nando Pappalardo di Your Inspiration Web

Qui invece le cose si fanno molto interessanti: saremo guidati passo passo e con estrema completezza, fino alla realizzazione di un sito per un asilo nido, partendo dal file grafico, passando per una dissezione accurata delle immagini, per poi ricostruire il tutto nel passaggio di codifica.

Le 10 migliori guide per imparare a convertire Photoshop PSD in XHTML/CSS - Your Inspiration Web by Nando Pappalardo

La lezione si suddivide in due intense parti, e credo che nel panorama italiano, questa sia la prima guida di questo genere, per cui vorrei fare personalmente i complimenti a Nando per aver condiviso con il web la sua professionalità ed esperienza.

Ora tocca a voi… apprendere, migliorare e condividere è solo l’inizio… se avete altre risorse interessanti, non aspettate altro tempo e segnalatele nei commenti!

Stay Connected
Latest News