Il tuo nome (richiesto)

La tua email (richiesto)

Oggetto

Il tuo messaggio

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.

psdtohtml10

Realizzazione Template Photoshop
Da photoshop al codice HTML CSS

Se non vuoi perderti i prossimi aggiornamenti abbonati gratis ai feed rss ;)

Happy Birthday Fede!

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

happybirthday

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.

tutorialscritte02

tutorialscritte03

tutorialscritte05

Continua a leggere

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:

Creative by Nature

creativebynature

Work-a-holic

workaholic

Continua a leggere

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.

psdtohtml09

Ecco tutti gli articoli della guida:

Continua a leggere

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.

Brusheezy!

photoshopbrush1

BrushKing

photoshopbrush2

QBrushes

photoshopbrush3

Continua a leggere

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.

Risorse in Italiano

Come mi vedono gli altri? – Web Fandom

BrowserShot-NetRender

Alberto Trussardi di Web Fandom ci spiega come testare il nostro sito con due ottimi servizi come BrowserShots e netrender.

Web SuperPreview: Testare i nostri siti su versioni di IE6+ – Julius Design

expression-web-superpreview-1

Julius Design ci mostra un’alternativa molto valida a IETester per testare i siti con diverse versioni di Internet Explorer.

Continua a leggere

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

tpoillustrator1a

tpoillustrator3

tpoillustrator4

Continua a leggere

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 ;)

Tutorial in Italiano

MakingSEO coded, Template CSS Gratuito con Consigli sulla Conversione PSD-to-HTML – PV. M Garage

psdtohtml05

Realizzazione Template Photoshop (in inglese)
Da Photoshop al Codice HTML CSS

WaterColored Portfolio Coded, guida per realizzare un semplice layout (X)HTML/CSS – P.V.M Garage

psdtohtml01

Realizzazione Template Photoshop
Da Photoshop al Codice HTML CSS

Continua a leggere

© 2009 FedeWeb.

federico.pian@gmail.com