Dave Shea, i css e il javascript :)
Altrimenti: Come utilizzare gli sprites e jQuery in modo leggero ed ottimale.
Dave Shea, che tutti conosciamo per il progetto Csszengarden, ci mostra un esempio di come integrare la tecnica dei css sprits con Jquery. Il risultato direi che è spettacolare, e in questo tutorial ci spiega come fare.
Approfondimenti sugli sprites:
Un tool per generare CSS sprites
La traduzione italiana di Semanticstone
Amazon-Box creato da Giuseppe Frattura
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
10 Commenti
bello bellissimo.. ah! quanto mi piacciono queste cose. Mi ci immergo subito.
ciao un articolo utile come sempre.
Io ho trovato anche questo questo link, non so se l’avete già visto comunque lo posto
http://snook.ca/archives/javascript/jquery-bg-image-animations/
Veramente un bel articolo, quando è uscito l’ho tradotto e postato sul mio blog.
Se siete interessati lo trovate qui
Grazie Alex!! quasi aggiungo il tuo link direttamente nell’articolo. thanks!
Bene Alex…bel tutorial!
Complimenti
Queste cose con jquery sono davvero fantastiche… dovrei cominciare a studiare per sviluppare nuovi plugin!
scusate, non capisco
In questo
esempio
attivando e disattivando javascript si ottiene lo stesso idendtico risultato…
Dove sarebbe la differenza?
non mi sembra sia proprio lo stesso effetto…
con javascript il colore compare e scompare con un fade, senza compare senza quell’effetto.
si infatti, proprio per questo questa è una tecnica che degrada molto dolcemente: disattivando i js si perde solo l’effetto di transizione
Ciao,
avete ragione, non non avevo fatto caso che l’esempio utilizza googleapis e quindi dovevo abilitare l’indirizzo su noscript.
E’ vero, è un ottimo esempio. Anche se ho delle riserve sull’utilizzo dei framework javascript, l’effetto finale è molto gradevole.