jQuery Transit è una libreria gratuita in jQuery 1.4+ e CSS3, che permette di avere le basi per creare animazioni su oggetti in CSS3 con jQuery.

Dal sito possiamo scaricare i file di esempio meno di 10KB e guardare in azione i vari script pronti all’uso a seconda delle animazioni.

Nella documentazione possiamo trovare anche animazioni 3D, attualmente non supportati su tutti i browser, ma per ora solo motore webkit.

Cosa posso farci con queste animazioni?

Ricordate beautyoftheweb.com il sito di presentazione di IE9? Provate a navigarci e capirete subito la grande potenzialità di usare animazioni fluide in CSS3 nella struttura di un sito web.

Sono diverse le combinazioni che si possono utilizzare grazie a jQuery e Css3, molto interessanti per la progettazione di animazioni e welcome page creative.

Attualmente questi codici sono compatibili con IE 10+ Firefox 4+ Safari 5+ Chrome 10+ Opera 11+ Mobile Safari.

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

14 Commenti

  1. Nicoletta

    Fantastico! Grazie ora ho capito finalmente come fare queste benedette animazioni!

  2. anonimous

    Ciao JULIUS… per caso la tua fonte è stato questo sito? :) webresourcesdepot.com/jquery-transit-css3-transitions-transforms-with-jquery che l’aveva publicato già 2gg fa? :) ho visto che un paio di volte pubblichi articoli presi da qui… magari non copi i testi… ma almeno citarne la fonte :) visto l’articolo che avevi realizzato sui blogger :D

  3. Lorenzo

    anonimous ha scritto:

    Ciao JULIUS… per caso la tua fonte è stato questo sito? :) webresourcesdepot.com/jquery-transit-css3-transitions-transforms-with-jquery che l’aveva publicato già 2gg fa? :) ho visto che un paio di volte pubblichi articoli presi da qui… magari non copi i testi… ma almeno citarne la fonte :) visto l’articolo che avevi realizzato sui blogger :D

    Non è solo Julius e quel sito che ne parlano…

    http://goo.gl/78ovv

    Sono come le notizie su APPLE appena escono tutti ne parlano, non si citano 4000 blog solo perchè l’argomento è uguale…

  4. anonimous ha scritto:

    Ciao JULIUS… per caso la tua fonte è stato questo sito? :) webresourcesdepot.com/jquery-transit-css3-transitions-transforms-with-jquery che l’aveva publicato già 2gg fa? :) ho visto che un paio di volte pubblichi articoli presi da qui… magari non copi i testi… ma almeno citarne la fonte :) visto l’articolo che avevi realizzato sui blogger :D

    Ciao Michele =) no in realtà non ho preso questa notizia da quel blog, ma dai miei 8.000 feed che seguo in tutto il mondo, di solito seleziono le novità e tools interessanti che escono giorno dopo giorno e li metto in bozza per provarli e dire la mia…

    la vera fonte in questo caso è ovviamente l’autore del tool o codice che recensisco…

  5. Prima o poi devo decidermi su fare solamente queste meravigliose cose!! Urge iperaggiornamento…. Ovviamente Julus tra le mie fonti d’ispirazioni..o vate!! ;) Grazieeeee!

  6. Non capisco cosa serve questo script jQuery per ricreare delle semplici transizioni CSS3, oltretutto queste animazioni citate non hanno un effetto reverse…
    Inutile secondo me usare questo script quando i CSS3 fanno la stessa cosa basta sbattersi un po’ per ricreare degli effetti interessanti!

  7. klintgrant

    @ Nicoletta:
    Sei una grande se da questo articolo sei riuscita a capire come si fanno le animazioni!

Commenti