TagTagWeb » web design http://www.tagtagweb.com Script a portata di mano Sun, 05 Sep 2010 13:02:34 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Socialmonochromicons – Icone vettoriali per i social network http://www.tagtagweb.com/2010/05/socialmonochromicons-icone-vettoriali-per-i-social-network/ http://www.tagtagweb.com/2010/05/socialmonochromicons-icone-vettoriali-per-i-social-network/#comments Mon, 31 May 2010 08:21:41 +0000 admin http://www.tagtagweb.com/?p=533

Socialmonochromicons è un set di 150 icone per il social bookmarking in vettoriale utili per provare a creare le proprie icone personalizzate sono disponibili in formato vettoriale EPS o PNG.

Licenza: Creative Commons Attribution-Share Alike 3.0 Unported License.
Sito web: http://www.elegantui.com/?p=19



]]> http://www.tagtagweb.com/2010/05/socialmonochromicons-icone-vettoriali-per-i-social-network/feed/ 0 Creare un layout pulito e semplice in photoshop http://www.tagtagweb.com/2009/11/creare-un-layout-pulito-e-semplice-in-photoshop/ http://www.tagtagweb.com/2009/11/creare-un-layout-pulito-e-semplice-in-photoshop/#comments Wed, 25 Nov 2009 11:36:48 +0000 admin http://www.tagtagweb.com/?p=428
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



]]> http://www.tagtagweb.com/2009/11/creare-un-layout-pulito-e-semplice-in-photoshop/feed/ 0 Ridurre il peso di un immagine senza perdita di qualità http://www.tagtagweb.com/2009/11/ridurre-il-peso-di-un-immagine-senza-perdita-di-qualita/ http://www.tagtagweb.com/2009/11/ridurre-il-peso-di-un-immagine-senza-perdita-di-qualita/#comments Mon, 09 Nov 2009 21:26:13 +0000 admin http://www.tagtagweb.com/?p=407

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 automaticamente converte le GIF in png. Per i Jpeg la situazione dipende dai casi, talvolta è meglio convertire i jpeg in png altre volte è invece conveniente che rimangano dello stesso formato e successivamente vengono ottimizzate.

Il tool funziona online basta effettuare l’upload delle vostre immagini e vi saranno restituite ottimizzate nel miglior modo possibile, con una tabella dettagliate del processo effettuato.

Sito web: http://www.gracepointafterfive.com/punypng/



]]> http://www.tagtagweb.com/2009/11/ridurre-il-peso-di-un-immagine-senza-perdita-di-qualita/feed/ 1 Aggiungere un gradient al rollover di una immagine http://www.tagtagweb.com/2009/09/aggiungere-un-gradiend-al-rollover-di-una-immagine/ http://www.tagtagweb.com/2009/09/aggiungere-un-gradiend-al-rollover-di-una-immagine/#comments Fri, 25 Sep 2009 08:24:43 +0000 admin http://www.tagtagweb.com/?p=381 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



]]> http://www.tagtagweb.com/2009/09/aggiungere-un-gradiend-al-rollover-di-una-immagine/feed/ 0 Completo layout stile Grunge in Photoshop http://www.tagtagweb.com/2009/09/completo-layout-stile-grunge-in-photoshop/ http://www.tagtagweb.com/2009/09/completo-layout-stile-grunge-in-photoshop/#comments Thu, 17 Sep 2009 18:43:36 +0000 admin http://www.tagtagweb.com/?p=355

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



]]> http://www.tagtagweb.com/2009/09/completo-layout-stile-grunge-in-photoshop/feed/ 0 Come creare un sito web aziendale con Photoshop http://www.tagtagweb.com/2009/09/come-creare-un-sito-web-aziendale-con-photoshop/ http://www.tagtagweb.com/2009/09/come-creare-un-sito-web-aziendale-con-photoshop/#comments Tue, 15 Sep 2009 02:49:44 +0000 admin http://www.tagtagweb.com/?p=345 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



]]> http://www.tagtagweb.com/2009/09/come-creare-un-sito-web-aziendale-con-photoshop/feed/ 0 Icone Twitter Gratuite http://www.tagtagweb.com/2009/08/icone-twitter-gratuite/ http://www.tagtagweb.com/2009/08/icone-twitter-gratuite/#comments Sun, 23 Aug 2009 14:31:17 +0000 admin http://www.tagtagweb.com/?p=270 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

happybirdsDemo e Download

2 – TwitterFun by graphicleftovers.com

twitterfunDemo e Download

3 – Productive Dreams Twitter Icon Set

twitter-birds

Demo e Download

4 – Tweeties by Chris Wallace

tweeties

Demo e Download

5 – Twitter Bird Icon by Kailoon

twitter

Demo e Download

6 – Follow me on Twitter badges by limeshot

follow-me-twitter-badges

Demo e Download

7 – 50 Free and Exclusive Twitter icon sets by Web Design Depot

previews

Demo e Download

8 – Iconspedia twitter icons

iconspedia

Demo e Download

9 – Twitter Icon by Icon Archive

Twitter-256x256

Demo e Download

10 – Logos and buttons by Vincent Abry

follow-me-500

Demo e Download

11 – Tweeta Free Twitter Bird Icon Set

tweeta

Demo e Download

12 – Tweetbird Free Twitter Icon

tweetbird

Demo e Download

13 – Free vector icon set

twitter_icons

Demo e Download

14 – Cute Tweeters Icon Set

twitter-icons-by-smashing-magazine

Demo e Download

15 – Free Twitter Birds

Twitter Blog Birds

Demo e Download



]]> http://www.tagtagweb.com/2009/08/icone-twitter-gratuite/feed/ 0 iPhone Checkboxes usando MooTools, jQuery o Prototype http://www.tagtagweb.com/2009/08/iphone-checkboxes-usando-mootools-jquery-o-prototype/ http://www.tagtagweb.com/2009/08/iphone-checkboxes-usando-mootools-jquery-o-prototype/#comments Wed, 05 Aug 2009 07:49:22 +0000 admin http://www.tagtagweb.com/?p=260 chbox

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 appoggia a prototype

3) in plugin che invece si appoggia al framework mootols è stato realizzato da David Walsh



]]> http://www.tagtagweb.com/2009/08/iphone-checkboxes-usando-mootools-jquery-o-prototype/feed/ 0 Popup stile Growl con jQuery http://www.tagtagweb.com/2009/07/popup-stile-growl-con-jquery/ http://www.tagtagweb.com/2009/07/popup-stile-growl-con-jquery/#comments Wed, 15 Jul 2009 06:14:19 +0000 admin http://www.tagtagweb.com/?p=247 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.

SmokeScreenshot

13jul0902
Ho trovato questo plugin jQuery che ripropone lo stesso effetto, una soluzione carina per generare avvisi all’interno delle proprie pagine web.

Potete visualizzare una demo qui: http://boedesign.com/demos/gritter
e scaricare il codice con l’esempio qui: http://boedesign.com/2009/07/11/growl-for-jquery-gritter/
]]> http://www.tagtagweb.com/2009/07/popup-stile-growl-con-jquery/feed/ 0 Preloaders.net – Generatore di immagini preload http://www.tagtagweb.com/2009/06/preloadersnet-generatore-di-immagini-preload/ http://www.tagtagweb.com/2009/06/preloadersnet-generatore-di-immagini-preload/#comments Sun, 07 Jun 2009 06:53:57 +0000 admin http://www.tagtagweb.com/?p=218 cargasimagenes

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 sua velocità.
Una volta configurato il tutto non resta che scaricarlo e utilizzarlo.

Sito web: preloaders.net



]]> http://www.tagtagweb.com/2009/06/preloadersnet-generatore-di-immagini-preload/feed/ 0