Archivio per la categoria 'mootools'

MooTools: creare un Plug-In - 2

La seconda parte dell’articolo MooTools: creare un Plug-In è ora tra noi, disponibile da oggi su HTML.it. Dopo avere analizzato le teorie che stanno alla base della struttura del framework e le corrette procedure per creare le nostre estensioni personalizzate, è ora di mettere in pratica tutto quanto creando un’applicazione reale.

L’applicazione proposta con il tutorial è una gerarchia di classi che condividono le stesse risorse per ottenere il risultato finale: gestire un elemento DOM della nostra pagina creando una sorta di “wrapper” e consentire di modificare e aggiornare l’elemento in tempo reale diminuendo la quantità di codice da scrivere normalmente necessaria.

MooTools: creare un Plug-In

Dopo il precedente tutorial intitolato MooTools: creare un Accordion, dove abbiamo analizzato tutti gli step necessari per creare interfacce Web 2.0 ad Accordion, è ora la volta della prima parte del nuovo tutotial MooTools: creare un Plug-In (ieri in uscita su HTML.it) dove, come è facile intuire, analizziamo le fasi fondamentali che portano alla creazione di un Plug-In attraverso il framework MooTools.

In questa prima parte studieremo i concetti teorici che stanno alla base delle strutture Object-Oriented ed analizzeremo le sintassi che il framework ci mette a disposizione per creare solide gerarchie di classi. Capiremo inoltre perchè è importante modularizzare il nostro codice e quali vantaggi ne possiamo trarre.

Nella seconda parte del tutorial vedremo come …

MooTools Plug-In: Slider

MooTools Plug-In: Slider

Continua la saga di tutorial in uscita su HTML.it dedicata all’utilizzo della versione 1.2 di MooTools. Con l’articolo MooTools Plug-In: Slider vedremo come utilizzare uno dei più particolari ed interessanti componenti “More” offerti ufficialmente dal sito ufficiale del framework, lo Slider.

Tramite questo Plug-In potremo creare interfacce di nuova generazione di sicuro impatto: trascinando il cursore lungo la barra di navigazione è possibile compiere un numero di operazioni personalizzate (come il ridimensionamento delle dimensione del testo, ad esempio) che possono dare luce ad un numero praticamente illimitato di applicazioni.

Come sempre, nell’articolo vengono fornite informazioni dettagliate sul costruttore, sui possibili utilizzi ed ovviamente, non mancano le demo.

Guida a MooTools 1.2 - parte 4

guida_mootools_4_select Su HTML.it è da ieri disponibile la quarta e ultima parte della Guida a MooTools 1.2.

In questa nuova uscita impareremo come interagire con uno dei moduli più importanti di MooTools e di tutto il Web2.0: le richieste asincrone.  Vedremo infatti come contattare asincronamente il server tramite le classi Request e Request.HTML e come controllare il flusso dei dati JSON tramite la classe Request.JSON.

La penultima lezione è dedicata alle classi Drag, un importante Plug-In ufficiale di MooTools che ci consente di trascinare e ridimensionare gli elementi delle nostre pagine.

Nell’ultima lezione ho preparato

Guida a MooTools 1.2 - parte 3

Su HTML.it è oggi disponibile la terza parte della Guida a MooTools 1.2, denominata Il costruttore Element e gli effetti di animazione.

In questa nuova e corposa sezione, vedremo infatti come utilizzare il costruttore Element e tutto l’universo che ne deriva: l’analisi e l’utilizzo dei metodi, i metodi per l’impostazione degli stili, delle proprietà e delle dimensioni dei nostri elementi, l’importanza dell’Hash Element.Storage e molti segreti nascosti che questa potente classe offre agli utilizzatori.

Ma in questa terza parte avremo a disposizione anche un’ampia panoramica sulle componenti che più interessano agli sviluppatori Web2.0: quella delle animazioni.

Data l’importanza che questa componente riscuote nelle applicazioni di nuova generazione, non poteva mancare l’analisi della …

Guida a MooTools 1.2 - parte 2

Dopo avere appreso, tramite la prima parte della Guida a MooTools, le caratteristiche fondamentali del framework MooTools e come utilizzare le funzioni globali, il costruttore Class e gli oggetti Class.Extras da esso offerti, è ora di passare allo studio ed alla analisi dei costruttori Native (alcuni offerti nativamente da Javascript ed “estesi” altri creati appositamente da MooTools).

In questa seconda parte della guida, oggi in uscita su HTML.it, vedremo infatti come sfruttare al meglio i metodi personalizzati che possiamo applicare alle nostre istanze delle classi native.

Tramite l’estensione dell’oggetto prototype mediante i costrutti del framework, vedremo inoltre come creare i nostri metodi personali e le differenti metodologie con cui possono essere applicati. Ecco

Guida a MooTools 1.2

E’ con grande piacere che segnalo la pubblicazione odierna sul portale HTML.it della mia ultima fatica: la Guida a MooTools 1.2.

Devo dire che il processo di creazione di una guida è molto differente da quello della creazione di un tutorial: una guida deve sapere analizzare TUTTE le caratteristiche di un determinato argomento e collegarle tra loro in maniera efficace, al pari della scrittura di un manuale vero e proprio.

La Guida a MooTools 1.2 è destinata a TUTTI coloro che vogliono avvicinarsi per la prima volta a questo framework ed a tutti gli utilizzatori in generale: principianti, intermedi ed esperti.

Le prime 4 lezioni che

MooTools 1.2 - Compatibilità

Come prontamente annunciato da Cesare la settimana scorsa nell’articolo dedicato alla nuova release del framework MooTools, ecco l’arrivo odierno del tutorial completamente dedicato alla compatibilità con le precedenti versioni.

Come sappiamo infatti, la versione 1.2 di MooTools è molto più che una semplice evoluzione della precedente, che porta con se nuovi metodi di progettazione, nuovi strumenti per le nostre applicazioni e tante, tantissime novità. Un articolo dedicato alla compatibilità era quindi d’obbligo prima di addentrarci nello studio delle ultime meccaniche disponibili.

Nel massiccio articolo ho incluso tutti i più importanti cambiamenti che la nuova release porta con se. Non soltanto nel codice (alla quale ho dedicato ampio spazio con numerosi …

Tutorial.js: 1.4kb per un Plug-In by RD


Tutorial.js is a stand alone plug-in based on MooTools that weights about 1.4kb. It allows you to create professional presentations (for tutorial’s purposes, for example) of an infine number of tabs. Moreover it requires only a line of Javascript and the markup is all done by HTML.
Below in this article you can find how to use Tutorial.js, a demo and the download link.


Molte volte ho avuto la necessità di creare tutorial e presentazioni per i motivi più svariati, oltre che per applicazioni personali. Le solite fixed application mi avevano davvero annoiato, volevo qualcosa …

Rilasciato moo.rd 1.3.1


Annuncio ufficialmente l’odierno rilascio della versione 1.3.1 della libreria moo.rd.
Per scoprire tutte le nuove e potentissime caratteristiche ed i nuovi componenti, vi rimando agli articoli ufficiali sul blog della libreria: moo.rd 1.3.1 released e Rilasciata ufficialmente la versione 1.3.1 di moo.rd.

Un’altra nuovissima caratteristica riguarda il Download Builder: ora è possibile includere nello stesso script anche il framework MooTools, scegliendo tra la versione full (inserisce la versione 1.2 di MooTools completa) e needed  (inserisce i componenti di MooTools 1.2 necessari al funzionamento di moo.rd - molti dei …

Pagina Successiva »