Oggi ti segnalo un altro tutorial su come passare dal template photoshop al codice HTML CSS, di Six Revisions, da aggiungere alla lista che ho stilato qualche settimana fa.
Realizzazione Template Photoshop
Da photoshop al codice HTML CSS
Se non vuoi perderti i prossimi aggiornamenti abbonati gratis ai feed rss 
E sono 25! un quarto di secolo..aiuto sto invecchiando troppo velocemente!
Volevo approfittare di questo post per ringraziare tutti i lettori, che grazie ai loro commenti, richieste, suggerimenti stanno rendendo questo blog migliore ogni giorno sempre di più.
E vorrei ringraziare Fedeweb (come?) che mi sta aprendo molte strade e in questi giorni mi ha fatto uno splendido regalo. Più avanti scoprirete di cosa si tratta!
Dopo Meuzer, di cui ti ho parlato tempo fa, ecco un altro fantastico servizio on line per ascoltare musica gratis.
Come ben sai youtube è una fonte inesauribile di musica e TubeRadio.fm è un servizio che ti permetterà di sfruttare questa fonte al meglio, organizzandola secondo i tuoi gusti musicali!
Come? Guarda questo video per renderti conto delle potenzialità di questo servizio.
Come hai potuto vedere dal video TubeRadio.fm è uno strumento completo che ti permetterà di cercare in pochi istanti canzoni o interi album dei tuoi artisti preferiti, per poi creare la tua playlist personalizzata, previa registrazione gratuita.
Per molte canzoni in più potrai anche avere il testo della canzone e una biografia dell’artista. Insomma un servizio super completo, per avere tutta la musica a portata di clic
Pochi giorni fa ho segnalato 35 bellssimi esempi di tipografia unita alla grafica.
Ma come si realizzano capolavori del genere?
Neanche farlo apposta pochi giorni dopo l’uscita del mio articolo, ecco pronti più di 50 tutorial per creare dei lavori di tipografia eccezionali, stilata da Smashing Buzz.
Ecco alcuni dei 50 tutorial che troverai nella raccolta.
Non tutti sono esperti di codice HTML e CSS, e quindi realizzare un portfolio dove presentare i propri lavori (siti web, fotografie, loghi ecc.) può essere a volte difficile.
Ecco quindi una raccolta di 15 bellissimi temi gratis per wordpress, per realizzare il tuo portfolio, dove tu non dovrai scrivere neanche una riga di codice, ma solo installare wordpress e scegliere uno dei temi proposti da wpbeginner.
Ecco qui qualche esempio che troverai nella raccolta completa:
Come promesso, vediamo una prima aggiunta all’articolo dove ho stilato una serie di tutorial per passare dal template realizzato con photoshop al codice HTML CSS.
In particolare oggi voglio segnarti una super guida di 10 lezioni in italiano realizzata da yourinspirationweb, dove non imparerai solo a passare dal template al codice HTML CSS, ma anche tutte le fasi prima e dopo la realizzazione del sito, quindi dall’approccio con il cliente, fino all’indicizzazione del sito e il lancio on line.
Ecco tutti gli articoli della guida:
Se mi segui da un po’ di tempo, avrai notato che spesso in questo blog segnalo risorse per realizzare lavori di grafica come pennelli, font, ed icone.
Oggi voglio condividere con te una grande raccolta di 40 risorse stilata da specky boy, dove troverai pennelli per tutti i gusti.
Come dice l’autore dell’articolo, sarà impossibile non trovare quello che fa per te.
Ecco un assaggio di quello che troverai nell’articolo originale.
Internet Explorer..solo a sentire il nome mi viene quasi ribrezzo. Quante ore spese a capire come posizionare correttamente un div, a mettere le dimensioni adatte e tante altre magagne.
Meno male che è arrivato Internet Explorer 8, dove le cose sono migliorate di molto, ma purtroppo le versioni meno fortunate (6 e 7) di casa Microsoft sono destinate a permanere ancora per un bel po’.
Ma è meglio arrivare a questi problemi preparati, sapendo già a priori come affrontare il nemico 
E quindi ecco un po’ di risorse in italiano e in inglese che ho voluto raccogliere per te che ti aiuteranno a perdere meno ore dietro il browser più odiato dai web designer.
Alberto Trussardi di Web Fandom ci spiega come testare il nostro sito con due ottimi servizi come BrowserShots e netrender.
Julius Design ci mostra un’alternativa molto valida a IETester per testare i siti con diverse versioni di Internet Explorer.
Oggi vediamo una serie di lavori di grafica eccezionali realizzati utilizzando le lettere. Come ?! Le lettere ?!
Ebbene si: con la combinazione tipografia + grafica si possono ottenere dei risultati soprendenti.
Scommetto che non hai mai pensato di poter realzzare con photoshop o gimp lavori come questi.
Inoltre se questi capolavori non ti bastano allora ti consiglio di andarti a leggere:
- L’Arte Della Tipografia In 30 Sensazionali Esempi
- 45 fantastiche scritte 3D da cui prendere ispirazione
Ultimamente mi arrivano molte richieste su come passare dal template costruito con Photoshop, Gimp, Fireworks ecc. al codice HTML CSS.
Esistono molti tutorial in italiano e soprattutto in inglese, dove è spiegato in modo esaustivo come eseguire queste operazioni.
Ho voluto stilare una lista per te, cercando di prenderne i migliori. Se manca qualche tutorial, soprattutto in italiano, segnalamelo pure nei commenti
Realizzazione Template Photoshop (in inglese)
Da Photoshop al Codice HTML CSS
Realizzazione Template Photoshop
Da Photoshop al Codice HTML CSS
A volte può capitare di dover realizzare siti costituiti da molte pagine, con la conseguente difficoltà nel realizzare un menu di navigazione semplice da utilizzare.
Come gestire menu molto lunghi? Una soluzione molto elegante, che sfrutta Jquery e CSS, è quella di Sothanka.
Le risorse dove trovare tutorial per photoshop sono davvero molte e quindi fare una selezione tra le migliori non è un compito sempre facile.
Geek Sucks quindi ha stilato per noi una raccolta dei migliori 38 siti dove trovare tutorial per photoshop.
Può capitare a volte di avere menu dropdown con troppe voci, al punto tale da andare oltre i limiti dello schermo, con la conseguenza sgradevole di dover fare del scrolling per vedere tutte le voci.
CSS Tricks ci spiega come ovviare a questo problema utilizzando jquery, ovviando al problema in modo elegante.
