Archive for the ‘web design’ Category

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 »

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 »

Aggiungere un gradient al rollover di una immagine

La  soluzione si basa su CSS Sprites e poche righe di jQuery, ma richiede un pò di preparazione prima di poter essere utilizzata.
Non è consigliabile per i progetti su larga scala ma sicuramente utilizzabile per la preentazione del proprio portfolio.
Sito web: http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/
Demo: http://www.sohtanaka.com/web-design/examples/hover-over-trick/
Licenza: License Free

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 »

Icone Twitter Gratuite

In merito a Twitter esistono centinaia di risorse sparse per il web… vi propongo in questo post una serie di icone da aggiungere ai vostri siti web o ai vostri blog per richiamare il vostro account twitter…
1 – Happy Birds by Webdesign.fm
Demo e Download
2 – TwitterFun by graphicleftovers.com
Demo e Download

More »

iPhone Checkboxes usando MooTools, jQuery o Prototype

Uno stile veramente bello per la rappresentazione di uno switch/checkbox è quella presente nel sistema operativo dell’Iphone. E’ possibile aggiungere questa visualizzazione grafica, lasciando inalterato il codice html, utilizzando e attivando un semplice script javascript.
Esistono tre versioni
1) un plugin jquery, realizzato da Thomas Reynolds
2) lo stesso plugin è adesso disponibile anche nella versione che si [...]

More »

Popup stile Growl con jQuery

Growl è un’applicazione per Mac che si preoccupa di intercettare i messaggi generati dai vari software presenti sul sistema, come la notifica della fine di un dowload o dell’arrivo di nuovi aggiornamenti di un software, e di mostrarli in alto a destra sullo schermo in modo molto semplice e di effetto.

Ho trovato questo plugin jQuery [...]

More »

Preloaders.net – Generatore di immagini preload

Preloaders.net, è un sito web che permette di generare immagini animate per preload scegliendo tra diverse forme e personalizzazioni in base alle vostre esigenze.
In particolare è possibile scegliere tra disegni 3D, Rettangolri, Ciircolari, Horizzontali o verticali o popolari. Configurare il colore di sfondo e il colore dell’oggetto animato. La grandezza della animazione e la [...]

More »

Risorse in psd

PSDFREEBEE.comé un sito veramente utile che raccoglie file psd come banner, wallpapers, layout icone e tanto altro sicuramente da visitare.
Vi segnalo inoltre questo articolo:
45+ Free Design Template And PSD Files
All’interno del quale vengono elencate una serie di risorse grafiche con linee guida, e ottima risoluzione per la creazione di elementi grafici come bigliettini da visita, [...]

More »