Sprites con i CSS e JQuery

Venerdì 29 Agosto 2008 - 09:00

di Alessandro Fulciniti

CSS

A distanza di circa quattro anni da CSS Sprites, Dave Shea ha ripreso ed esteso la tecnica nel recente CSS Sprites2 - It’s JavaScript Time.

Nel nuovo articolo Shea ha aggiunto un pizzico di Javascript per ottenere menu grafici che utilizzano un’unica immagine e hanno transizioni soft tipiche dei menu in Flash grazie a CSS e JQuery. Il risultato è decisamente accattivante, e con una piccola modifica è possibile non solo ottenere transizioni di opacità ma anche, ad esempio, un effetto tapparella.

Shea non è l’unico ad avere avuto un’idea simile: a febbraio ho presentato Un menu gloss con i CSS e jQuery con il relativo esempio finale che ha un approccio molto simile, anche se un implementazione differente. Buona lettura!

Tags:

Categoria: CSS | Permalink

Commenti

1

Mi sa che mi tornerà utile proprio oggi!

# - postato da lloyd27 - 29 Agosto 2008 - 10:14

2

utilissimo e ne ero proprio alla ricerca da qualche settimana. grazie.

# - postato da softcodex - 29 Agosto 2008 - 10:24

3

ma volevo sapere da voi… non è che presto CSS e JQUERY soppianteranno un pò FLASH??? :) no dai scherzi a parte… :) queste cose a mio parere tornano utili perchè almeno non si userà più flash per realizzare solo semplici menu. :) FLASH è adatto per altro :)
Bene buon articolo.

# - postato da sushidub - 29 Agosto 2008 - 11:32

4

Davvero interessante! Finalmente! Era un po’ di tempo che stavo cercando una cosa del genere da implementare su un sito che sto facendo e non volevo assolutamente usare flash… che come dice bene sushidub serve per altro.
Con jQuery poi è perfetto dato che in quest’ultimo periodo lo sto usando intensamente :P

Grazie per la segnalazione!

# - postato da sonik - 29 Agosto 2008 - 14:26

5

grazie per le segnalazioni!

davvero notevole e consigliato questo.

# - postato da Frank - 31 Agosto 2008 - 00:27

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento