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.
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.
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.
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.
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.
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.
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.
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.
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.
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!