Jun
0

WordPress Summer Super Resources Selection

wp_summer_resources

Con l’uscita di WordPress 2.8 raccolgo in quest pagina ina serie di  link a plugin, temi e risorse varie per migliorare i vostri amati wordpress.
Probabilmente non tutti saranno compatibili con questa neonata versione di WP ma non disperate.. testate , provate .. chiedete!

Jun
0

Lights and 3D in Webdesign

Ecco le ultime tecniche per aggiungere ottimi effetti di luce e 3D ai vostri progetti web.

Aggiungo anche un link ad una ottima galleria di siti basati sui CSS ed una collezione di stupendi siti di organizzazioni no-profit

Apr
0

Position Absolute Bug on IE6

Oggi ho perso un po’ di tempo per capire dove fosse finito un piccolo ed elegante div position absolute che il buon IE6 (Internet Explorer 6) aveva deciso di far sparire nei meandri del suo assurdo ed incomprensibile modo di essere….

Bando alle ciance, la souzione mi si è rivelata leggendo questo articolo Floats And Position:Absolute:IE6 Magic .

Causa: con IE6 può capitare che che un box posizionato in maniera assoluta scompaia quando, nel codice sorgente, precede o segue un float…

Soluzione: interporre tra i due elementi un un terzo elemento che non sia ne float ne absolute, se non dovesse ancora bastare, togliete la dichiarazione di width.

Approfondimenti su

Apr
0

Favicon Generator

Ecco un paio di link che vi permetteranno di creare le vostre favicon.

Cosa sono le favicon?

Semplice, sono quelle piccole iconcine che appaiono nei browser accanto all’URL del sito,  accanto al nome del sito nei vari tab del vostro browser, o nella vostra lista di siti preferiti quando ne aggiungete uno nei segnalibri o preferiti!

Per crearle esistono particolari estensioni per Photoshop, ma risulta più facile e veloce appoggiarsi ad alcuni siti che offrono il servizio di generazione delle favicon in semplici passi.

Vi segnalo due siti:

  • http://www.favicon.cc : vi permette di disegnarle direttamente sulo con un editor oppure di caricare un immagine e poi modificarla, sempre con l’editor, per poi generare il file finale favicon.ico. I risultati non sono sempre di altissima qualità ma il sito vi presenta una galleria delle migliori favicon generate… molto carine ed inoltre vi permette di creare delle stupende favicon ANIMATE!!!!.
  • http://tools.dynamicdrive.com/favicon/ : qui potete caricare le vostre immagini e poi riposare qualche secondo mentre il software genera la vostra favicon; se lo desiderate potrete farvi generare anche dei file .ico pronti per essere utilizzati nei vostri sistemi operativi come icone. La qualità della favicon è molto buona.

Personalmente preferisco il secondo sito segnalato.

Vi consiglio di creare la vostra favicon direttamente con il vostro software di disegno preferito sviluppando l’immagine su un file di proporzioni quadrate (onde evitare successivi “stirameti” dell’immagine) per esempio 50px X 50px , salvate poi il tutto in formato .png per preservare l’eventuale trasparenza e caricate l’immagine in uno dei due siti segnalati.

Una volta generata la favicon.ico caricatela nella root del vostro spazio web ed inserite nel tag HEAD della pagina :

<link rel="shortcut icon" href="/favicon.ico">

Il gioco è fatto!!! PS: la nuova favicon potrebbe non apparire subito… ma non temete… pulite la cache e poi tutto dovrebbe funzionare!

Se conoscete altri siti con gallerie di favicon o che vi permettono di generarle, segnalate pure!

Apr
0

Reflection.js – Cool image effect

blog_box

REFLECTION.js  2.0

Questo semplice javascript vi permettere di ottenere un effetto di riflesso a dissolvenza per tutte le vostre immagini.

Ormai arrivato alla versione 2.0, Reflection.js è testato in tutti imaggiori browser in uso: Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+

Disponibile anche una versione plugin per wordpress ma sviluppata su na versione più datata di questo script.

Se lo avete provato fateci sapere, io credo che lo testerò presto.

Jan
1

jQuery Fade-in Fade-out effect

Dopo un paio di post dedicati al calcio, e dopo la goleada di ieri del Milan al Bologna, possiamo tornare a dedicarci alle cose serie.

Vi segnalo questo simpatico plugin: Jquery Fade In.Fade Out.

Queste poche linee di codice vi permetteranno di visualizzare gli elementi della vostra pagina web ( immagini, testi, link o interi div) con un effetto di trasparenza al 30%, e al rollover (passaggio sopra del mouse) questi elementi torneranno gradualmente ad una visualizzazione normale

Un semplice effetto che può rendere più interessanti le vostre pagine web.

Vedi una demo.

Scarica Jquery Fade In.Fade Out

Jan
0

Best of CSS Design 2008

Best of CSS Design 2008: il titolo dice tutto, capite ed analizzate questa stupenda raccolta di siti per capire da dove si ripartirà con questo 2009… tra tutto l’utilizzo dei large background ed un mix tra css e flash…

Vedi la selezione di webdesignerwall.

Aggiungo anche una lista di 100 template XHTML/CSS gratuiti.

Jan
4

sIFR 3 and jQuery sIFR Plugin

La nuova tipografia per il Web!!!

sIFR permette di creare nelle vostre pagine e nei vostri template dei testi accessibili utilizzando tutti font che desiderate…

Sostanzialmente questo script va sostituire il nostro testo con dei movieclip flash dove è stato precedentemente embeddato il nostro font.

Il progetto sIFR è arrivato alla terza versione : sIFR3.

E’ stato anche sviluppato un plugin jQuery per aiutarvi nell’implementazione: jQuery sIFR Plugin.

Cercate le varie implementazioni per WordPress attraverso dei Plugin.

Altro link interessante: Custom fonts.

AGGIORNAMENTO: sIFR Lite.

Jan
2

IE6: Double Margin Solution & GUI Tips

UNDOLOG.com ci spiega semplicemente come eliminare il problema del doppio margine in IE6, la bestia nera dei web designer.

Aggiungiamo anche questo utile link a PSDTUTS.com che ci illustra 6 pillole di saggezza da tenere presenti quando si progetta un interfaccia grafica!

Jan