Sofisticate animazioni CSS con Alice.js
Giovedì 20 Ottobre 2011 - 11:00
di Claudio Cicali
Nel sempre più variegato (e un po’ caotico) mondo delle animazioni e degli effetti grafici più o meno complessi possibili con CSS3 e JavaScript, l’ultima arrivata è una piccola libreria JavaScript dal simpatico nome di Alice. Così come l’eponima eroina, l’autore della libreria si era avventurato per una propria precisa necessità nel meraviglioso mondo della animazioni CSS, senza sapere però esattamente dove sarebbe finito. Vediamo a che punto è arrivato.
L’idea che sottende Alice.js è quella di creare una libreria che permetta non solo di creare delle animazioni graficamente creative, ma anche utili nello sviluppo e l’implementazione di UI moderne e funzionali. Le animazioni presenti al momento sono una dozzina e sono logicamente divise tra quelle più stabili e quelle sperimentali.
L’utilizzo della libreria segue un approccio “modulare” (come ogni libreria moderna ormai tende a fare: ogni riferimento a jQuery e Ender è voluto): dopo aver incluso la parte “core” della libreria, si includono gli script che dovranno gestire le singole animazioni (es: alice.wobble.js).
Altro punto di forza della libreria è che questa non ha dipendenze da altre librerie.
Alice ha tuttavia, a mio parere, un grosso difetto ovvero che al momento (?) supporta soltanto browser basati su webkit (Chrome, Safari e compagnia). Con il mio Firefox 7 si lamenta dell’assenza di ben 8 tipologie di animazione.
Consiglio sicuramente di dare un’occhiata alle demo, facendo attenzione al fatto che occorre seguire il link che trovate in corrispondenza delle singole “preview” all’interno della pagina delle demo per accedere ad una pagina più esaustiva, con possibilità di modificare “live” i parametri dell’animazione.
Categoria: CSS, Scripting | Permalink
Commenti
1
mi pare che tutto sia già fattibile in jQuery, con la differenza che funziona su mozilla ed IE.
2
Purtroppo non supportare pienamente Firefox ed Explorer è una pecca veramente imperdonabile :/
# - postato da Giampi - 21 Ottobre 2011 - 10:40
3
Carina questa libreria!!!
Da problemi su firefox!? Perché non sono sorpreso!? Quel browser ha un’implementazione del CSS a dir poco imbarazzante, il che è odioso per chi deve fare layout basati su CSS, quello che funziona si webkit (e addirittura Internet Explorer) su Firefox sballa… Grosso problema visto che ormai firefox ha l’immeritata fama di essere il miglior browser sulla piazza, fatto che ha portato a una diffusione molto fastidiosa per i web desinger…# - postato da shadow - 23 Ottobre 2011 - 18:26
4
è la prima volta che vedo una libreria jquerystyle che non funziona nè su firefox nè su Ie. mi sa che serve a pochino…
@shadow: sisi, bello bello. quando IE avrà stabilito un rapporto meno ridicolo con css3 ne riparliamo. dino ad allora per me è spazzatura usata purtroppo però da una moltitudine di utonti. ;)# - postato da cesare - 27 Ottobre 2011 - 10:48