Archivio per la categoria 'mootools'

Intervista a Valerio Proietti

    

Inizia oggi la saga dedicata alla versione 1.2 del framework MooTools con una grandissima risorsa: un’intervista ufficiale al team leader nonchè creatore e svilippatore della libreria: Valerio Proietti.

Le domande che ho rivolto a Valerio (kamicane per gli amici :) ) riguardano la sua crescita in qualità di sviluppatore Javascript e di conseguenza la crescita e lo sviluppo di MooTools, per poi passare all’analisi delle novità presenti nell’ultima release (la cui uscita è ormai agli sgoccioli) , fino ad arrivare alle prospettive future.

All’interno dell’articolo dunque, trovate tantissime curiosità e consigli tecnici direttamente da chi ha creato il codice

Drag&Drop con MooTools

Appuntamento con HTML.it con l’ultimo tutorial dedicato alla versione 1.1 di MooTools, nella quale vengono analizzati gli strumenti che il framework ci offre per effettuare il dragging di elementi.
Come di consueto, descrizioni dettagliate dei costruttori, Drag.Base e Drag.Move, con tutti i parametri, le opzioni ed i consigli di utilizzo costituiscono la parte teorica dell’articolo.
Per la parte pratica ho preparato due applicazioni:

  • Drag Events mostra come registrare gli eventi che vengono azionati rispettivamente all’inzio, durante e al completamento del dragging
  • Drag&Drop è un’applicazione di drag&drop in cui è possibile trascinare l’elemento all’interno di un contenitore che cambierà

Nuovo articolo: Ajax con MooTools

Il nuovo articolo uscito oggi su HTML.it che prosegue la saga riguardante MooTools versione 1.1, è completamente dedicato allo sviluppo di applicazioni Ajax.
Sappiamo che il framework ci mette a disposizione una solida gerarchia di classi per creare richieste Ajax potenti ed interamente personalizzabili, per questo ho trattato in dettaglio tutte le componenti teoriche, con analisi dettagliate di parametri, opzioni, metodi e proprietà.

Per la corposa parte pratica ho creato ben cinque esempi differenti che mettono in mostra quello che è possibile fare sfruttando la classe Ajax in combinazione con altre sempre offerte da MooTools.

Un must per ogni utilizzatore di MooTools che intende effettuare richieste …

MooTools: usare gli Hash

Articolo tecnico quello che ho dedicato ad uno dei componenti interni più utili e precisi di MooTools: gli Hash.
La prima parte presenta una spiegazione teorica delle caratteristiche principali e delle applicazioni comuni, con un esempio pratico di utilizzo.

Nella seconda parte invece espongo le caratteristiche di una componente derivata da Hash: Hash.Cookie, che permette, come ho scritto nell’articolo, di salvare un Hash all’interno di un cookie.

Uno degli strumenti più interessanti e sottovalutati di MooTools che viene analizzato e presentato in tutte le sue fattezze.

MooTools: usare gli effetti Fx

Il nuovo articolo che ho scritto sulla saga di MooTools uscito oggi è quello che molti stavano aspettando, molto probabilmente il più ambito.
Perchè? Ovviamente perchè tratta gli effetti, che, come ho detto anche al suo interno, sono una delle componenti più apprezzate e ammirate.

L’ articolo comprende una corposa parte teorica, la prima parte, dove venegono elencate le classi Fx native di MooTools e dove vengono spiegate le loro funzionalità di base, con esempi brevi ma efficaci. Nella seconda parte si mette in pratica quello che si è imparato in questo e nel corso degli altri articoli con due esempi avanzati:

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 …

MooTools: usare Events e Options

Oggi esce il mio nuovo articolo (che potete trovare qui) dedicato a MooTools chiamato "MooTools: usare Events e Options": un must per tutti gli sviluppatori che utilizzano questo framework.
Come indica il nome, vengono analizzati due dei più importanti oggetti dell’intera libreria, l’oggetto Events e l’oggetto Options, con una panoramica ai concetti di superclasse e sottoclasse. Utilizzando le loro funzionalità è possibile creare meccanismi di ereditarietà potenti e flessibili basati sul costruttore Class.

L’articolo presenta un esempio finale in cui utilizzo tutte le tecniche mostrate nel corso delle spiegazioni, nella quale potete vedere in azione un meccanica che …

Creare Custom Alert sempre diversi con moo.rd

In questo articolo vediamo come creare degli alert sempre differenti l’uno dall’altro utilizzando il costruttore Custom.Alert di moo.rd.
Per portare a termine questa applicazione correttamente, è necessario creare un foglio di stile css con tanti stili quanti sono i differenti alert che vogliamo creare, nel nostro esempio sei.
Ricordo che per creare degli stili appropriati per i Custom Alert, è necessario creare tre classi: alerthead, alertbox e alertbody. (per maggiori informazioni)

Dato che i nostri alert saranno sei, dovremo creare 18 classi:

  • ‘ab1′, ‘ah1′, ‘abd1′ per il primo alert (dove la prima classe è per alertbox, la seconda per alerthead e la terza per alertbody)
  • ‘ab2′, ‘ah2′, ‘abd2′ per

Usare i Tooltips - HTML.it

Con il mio terzo articolo dedicato all’utilizzo di Mootools, che potete trovare qui, iniziamo a fare un pò di pratica il framework, e più precisamente con l’utilizzo dei Tooltips.

Dopo le spiegazioni date sui componenti base e sulla struttirazione ad oggetti della libreria, date nel primo e nel secondo articolo, è ora di prendere confidenza con quello che si può realizzare con uno dei plug-in offerti direttamente dagli sviluppatori ufficiali di Mootools.

Nell’articolo ho fatto una panoramica sui tooltips, per poi passare alla struttura completa del costruttore Tips.
In particolare, ho dato particolare importanza …

moo.rd 1.2

La nuova release di moo.rd è disponibile per il download. (ringrazio la segnalazione su Edit., il blog ufficiale di HTML.it)
Questa nuova versione comprende 22 file per un peso totale di 21kb nella versione compressa, ed è inoltre possibile scaricare il codice sorgente per i testing.

moo.rd segue la filosofia di mootools, ovvero non obbliga a scaricare l’intera libreria come accade nella maggior parte dei casi , ma permette di selezionare solamente gli strumenti desiderati.

Per favorire ulteriormentela la modularità,  i principali costruttori moo.rd (ovvero Custom, Make e Table) sono stati riuniti nel file constructor.js, che deve essere sempre selezionato quando si …

« Pagina PrecedentePagina Successiva »