moo.rd 1.3 - La rivoluzione sta per arrivare
Questa settimana è prevista l’uscita della nuova versione di moo.rd, più precisamente la 1.3.
Iniziamo con il dire che rispetto alla precedente versione questa apporta un complessivo miglioramento del 100%:
- nella documentazione: ora più precisa e completa grazie al CMS privato che ho creato appositamente per crearla
- nel codice
Il codice è ora più robusto e flessibile e sfrutta pienamente le potenzialità dell’ereditarietà offerta da MooTools di cui vi ho parlato nell’ articolo uscito la scorsa settimana "MooTools: usare Events e Options".
Dato che i cambiamenti sono tantissimi, ho deciso di dedicare qualche articolo alle particolarità più interessanti.
I 25 effetti di moo.rd
In questa prima parte vi parlo dei cambiamenti apportati agli effetti, l’ "Fx Repository of moo.rd". Scordatevi qualsiasi memory leak che affligeva alcuni dei precedenti… ora tutti gli effetti sono stati completamente riscritti, aumentando in modo esponenziale la robustezza e la qualità del risultato.
In più potete usare gli Element Shortcut per qualsiasi effetto in modo da ridurre la quantità di codice da scrivere:
1 2 3 4 5 6 7 | // Fx constructor var myEffect = new Fx.BubbleH(''myElement'', {...}); myEffect.start(); // Fx shortcut var myEffect = $("myElement").bubbleH({...}); myEffect.start(); |
Fx.Toggle
Un altro effetto potentissimo è dato dalla classe Fx.Toggle, che permette appunto di effettuare il "toggle" su qualsiasi proprietà, che sia una stringa, un numero o un colore, che si voglia utilizzare un effetto di transizione oppure un cambiamento immediato. Anche qui c’è la possibilità di usare il toggle Shortcut o di creare propri effetti toggle estendendo il metodo toggleProperty:
1 2 3 4 5 6 7 | var toggle = new Fx.Toggle('box'); // toggle color senza Fx.Style toggle.toggleProperty('color', 'blue', 'green'); // toggle color con Fx.Style toggle.toggleProperty('color', 'blue', 'green', {fx:true}); |
Questa prima panoramica sugli effetti ha lo scopo di mostrare alcune delle rivoluzioni apportate a moo.rd, ma le tonnellate di esempi che ho creato riusciranno ancora meglio ad impressionarvi e a farvi capire le nuove, gigantesche potenzialità di moo.rd 1.3
Nel prossimo articolo vi parlo delle nuove virtual box: Virtual.Box e Virtual.Ajax con cui potete creare effetti a dir poco spettacolari.
Woooooh allora migliora tutto del 100%!
Ma ho notato che hai scritto Virtual.Ajax, è una nuova classe? Non esiste più la classe ajax virtual box?
Anch’io sono curioso di questa nuova release, sopratutto dopo questo articolo che hai scritto.
Posso chiedere se i vari custom alert e confirm sono rimasti invariati nei costruttori, cioè se bisogna usare sempre gli stessi parametri o è cambiato qualcosa?
@Snot: è proprio come dici, ora il nuovo costruttore si chiama Virtual.Ajax. Quando lo vedrai ni nazione nelle demo il perchè di questo cambiamento
.
@Alka: i custom components rimangono invariati sotto l’aspetto dei costruttori, quello che invece cambia è il codice che li caratterizza. In pratica puoi utilizzare le nuove versioni senza cambiare i precedenti script.
Ok
Quindi non per utilizzare queste nuove virtual box devo utilizzare i nuovi costruttori giusto?
@Snot: giusto
@RD: ok
Per quando è prevista l’uscita?
Riccardo, sempre al lavoro eh? Bene non resta che aspettare la nuova versione e gli esempi che hai promesso. Sono curiosa, ma nello stesso tempo sono sicura del risultato;)
A presto!
Grazie Annarita
Concordo con Annarita