Posts Tagged ‘web design’

Creare un layout pulito e semplice in photoshop

Artbox7.com ha pubblicato un tutorial molto dettagliato per la realizzazione della parte grafica di un sito internet con photoshop.
Sito web: http://bit.ly/6PxYp2

More »

jQSlickWrap – Collocare del testo intorno a un immagine

jQSlickWrap è un plugin di jQuery che permette facilmente e accuratamente “wrappare” il testo attorno a un immagine inserita nel contenuto.
L’implementazione è semplice basta inserire una riga di codice jQuery:
$(‘img’).slickWrap();
L’immagine dev’essere un’immagine irregolare e deve utilizzare la proprietà float all’interno del css.
Sito web: http://jwf.us/projects/jQSlickWrap
Demo: http://jwf.us/projects/jQSlickWrap/example2.html

More »

Effetto bolle con Css

E’ possibile creare un menu tipo Dock di Mac utilizzando solamente il CSS, ovviamente l’effetto non sarà fluido come per il plugin di jquery, ma riesce a dare comunque un bell’effetto al menu. Questo tutorila include due metodi, uno con l’utilizzo di CSS sprites, l’altro con lo scambio di immagini.
Sito web: http://aext.net/2009/11/bubble-effect-with-css/
Demo: http://aext.net/example/bubble-css/

More »

Ridurre il peso di un immagine senza perdita di qualità

Punypng è un tool gratuito che riduce notevolmente  il tempo di caricamento di una pagina riducendo le dimensioni del file immagine senza perdita di qualità. Il tool utilizza diverse tecniche di ottimizzazione per ridurre le il peso di un immagine. Per prima cosa analizza il contenuto dell’immagine e decide qual’è il miglior formato da utilizzare.
Punypng [...]

More »

Completo layout stile Grunge in Photoshop

Tutorial per la creazione di un layout di un sito web in stile grunge da realizzare con Photoshop, completo di flie psd da scaricare.
Sito web: http://www.tutoriallounge.com

More »

Come creare un sito web aziendale con Photoshop

Ecco un tutorial che spiega passo passo come creare un sito web fresco e leggero per un’azienda.
Sito web: http://www.pvmgarage.com
Demo: http://www.pvmgarage.com/contenuti/2009/09/mseo_full_preview.jpg

More »