Realizzazione Template Photoshop
Da photoshop al codice HTML CSS

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

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!

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.

Grazie al tutorial, molto chiaro ed esaustivo, riuscirai a realizzare un menu come questo.

Un’altra tecnica per gestire al meglio menu lunghi è quella di CSS-Tricks che ti ho proposto pochi giorni fa.

]]> http://www.fedeweb.net/2009/11/04/tutorial-jquery-gestire-grandi-menu-drop-down-con-css-e-jquery/feed/ 0 http://www.fedeweb.net/2009/11/03/tuberadio-fm-tutta-la-musica-e-qui/ http://www.fedeweb.net/2009/11/03/tuberadio-fm-tutta-la-musica-e-qui/#comments Tue, 03 Nov 2009 09:07:10 +0000 fedeweb http://www.fedeweb.net/?p=4542 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

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.

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

Work-a-holic

Folio Elements

FotoFolio

WPESP Portfolio Theme

Fullscreen

Ti ricordo che questi sono solo alcuni esempi presi dalla raccolta. Quindi ti invito ad andare a vedere l’articolo originale, dove troverai altri template per il tuo portfolio.

Ti invito inoltre a leggere la guida che ho scritto per Blographik riguardo a Folio Elements, dove viene spiegato come utilizzare al meglio il template.

1. Ecco come utilizzare questo tema gratuito per il tuo blog portfolio (prima parte)
2. Come personalizzare graficamente un blog porfolio (seconda parte)
3. Questi gli ultimi suggerimenti per modificare il tuo Blog Porfolio in Wordpress (parte terza)

Se conosci altri template gratis per realizzare un portfolio con wordpress citali pure nei commenti

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:

1. Come capire le esigenze del cliente al primo incontro?
2. Come calcolare costi e tempi di consegna di un progetto web evitando di scrivere cifre insensate?
3. Come evitare futuri ripensamenti da parte del cliente?
4. Come sviluppare e organizzare la struttura di un sito web?
5. Come trovare l’ispirazione e disegnare il layout di un sito web?
6. Come presentare la bozza grafica al cliente?
7. Come realizzare le pagine interne dopo l’accettazione della bozza?
8. Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2)
9. Come indicizzare un sito senza essere degli esperti SEO? (parte 1) (parte 2)
10. Come assicurarsi di non aver commesso errori prima di lanciare il sito online?

Grazie yourinspirationweb per la splendida guida

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!

BrushKing

QBrushes

Brushesstock.com

FBrushes

PhatBrush

Photoshop Brushes on deviantART

My Photoshop Brushes

Blendfu Photoshop Brushes

BrushPortfolio

Ricordo che questi sono solo 10 dei 40 siti raccolti nell’articolo originale.

Buone creazioni

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.

Troverai risorse molto note come PSD Tuts, Photoshop Tutorials, Tutorial 9, ma anche siti meno famosi, ma che forse vale la pena di dare un’occhiata e trovare qualcosa che ancora non avevi trovato.

Inoltre ti ricordo che recentemente ho stilato una raccolta dei migliori tutorial in italiano per photoshop.

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

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

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

Quando Posso Usare……

When Can I Use è un sito dove per ogni proprietà CSS e non si può vedere se è supportata o meno; questo per qualsiasi browser, compreso ovviamente Internet Explorer.

Ecco Come Testare Il Tuo Sito Con Tutte Le Versioni Di Internet Explorer

In questo articolo ti spiego come testare tutte le versioni di Internet Explorer con IE Tester.

Css ed IE6: 5 problemi tipici e le soluzioni per risolverli

In questo articolo ti spiego come risolvere cinque problemi tipici di Internet Explorer 6.

Risorse in Inglese

Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs – Virtuosi Media

Troverai 25 trucchi per risolvere altrettanti problemi nello sviluppo del tuo sito web.

CSS Differences in Internet Explorer 6, 7 and 8 – Smashing Magazine

Ottimo articolo che ti spiega le differenze tra i 3 browser di casa Microsoft.

A Comprehensive Test Strategy for Internet Explorer 6, 7 and 8 – Clear Type Press

In questo articolo ti viene spiegato come installare più versioni di Internet Explorer nello stesso computer.

Come vedi ci sono risorse sia per testare il tuo sito con diverse versioni di internet explorer, sia per prevenire errori durante lo sviluppo delle pagine web.

Questa lista verrà aggiornata man mano che troverò risorse relative a questo importante argomento. Intanto tu hai altre risorse da suggerire?