Oggi ho trovato un semplice demo che realizzava un effetto di zoom su una galleria di immagini utilizzando jQuery. Ho deciso di ricreare lo stesso effetto usando i CSS e la pseudo-classe dinamica :hover . Vediamo i risultati. Una marcatura semplice come base: <div id="gallery"> <img src="1.jpg" alt="" /> <img src="2. continua
Volete una bella cornice originale per le vostre foto? Si può realizzarla dando l’impressione che la vostra foto sia un francobollo. Con Photoshop è molto facile riprodurli. State tranquilli non dovrete ricreare ogni singolo dentino, per fortuna le maschere di livello e i tracciati lavoreranno al posto vostro. continua
Ho raccolto ultimamente parecchi tutorial ed esempi d’uso delle nuove funzionalità offerte dai CSS3. Si tratta quasi sempre di esperimenti, ottimi per testare e verificare dal vivo nei browser che le supportano queste nuove potenzialità, anche se in tanti si spingono già oltre, implementandole su siti veri. continua
Sexy Curls è un Plugin jQuery opensource realizzato dal bravo Elliot Kember , che permette di simulare l’effetto di una pagina da sfogliare sui nostri siti o blog, con lo scopo di attrarre l’attenzione del nostro visitatore Per richiamare il plugin basta inserire la seguente sintassi di codice: <script type="text/javascript" src="turn/tu continua
Se vogliamo creare un menù orizzontale con un simpatico ed originale effetto hover, possiamo prendere in considerazione questo menù realizzato con jQuery e CSS . I pulsanti sembrano salire e cambiare colore. In realtà si tratta di un livello invisibile che solo nell’area del menù diventa visibile sovrapponendosi al primo. continua
Qualche mese fa James Padolsey ha realizzato una tecnica per emulare l’effetto " scala di grigio " da applicare sulle immagini nei browser non-IE come Firefox . continua