Rappresenta una delle maggiori mode del momento. Uno dei primi siti (se non il primo...) a lanciare le Tag Clouds è stato del.icio.us, ma la tecnica ha subito preso piede ed oggi è quasi diventata il simbolo dei siti progettati con un approccio Web 2.0. Cerchiamo di capire meglio di cosa si tratta.Le Tag Clouds, tanto per capirci, sono quei box che contengono i tag associati ad un entry in un blog, piuttosto che ad un semplice dato, e che a secondo della loro densità  di inserimento hanno dimensioni differenti. Per la serie un esempio funziona più di mille parole eccovi un esempio preso dal blog di Peter Freitag. Perfetto, adesso che abbiamo capito di cosa stiamo parlando, vediamo anche come poter programmare questi "new mullets", come li ha definiti Jeffrey Zeldman . (more...)

Continua a leggere Programmare una Tag Cloud

Categoria: Scripting

Tags:

Un tutorial per la creazione di un carrello per l'e-commerce usando Script.aculo.us (esempio); un altro per realizzare un semplice box di navigazione a tab (esempio); il link a questa guida alla scrittura di codice Javascript. Sono le tre risorse che vi segnalo da questo Ajax Lessons, un sito con una bella grafica e ottimi contenuti. Da seguire.

Continua a leggere Lezioni di AJAX

Categoria: Scripting

Tags: ,

Tre belle novità  dedicate agli sviluppatori da Yahoo!. La prima è Yahoo! User Interface Library, una collezione di widget e controlli in Javascript da inserire nei propri progetti per creare interfacce altamente dinamiche e interattive. Tutto il codice è distribuito con licenza BSD.La seconda è Design Pattern Library. Niente codice da riusare in questo caso (almeno per ora), ma un insieme di risorse a mio parere di grande valore. Si parte dalla definizione di pattern: "Un pattern descrive la soluzione ottimale ad un problema comune nell'ambito di uno specifico contesto."Esempio: l'utente ha bisogno di avere in ogni pagina un sistema di navigazione che gli fornisca informazioni sulla sua attuale posizione all'interno del sito e gli consenta di raggiungere facilmente l'inizio. Si crea una navigazione a breadcrumbs. Ogni pagina spiega poi quando usare ciascun elemento, in che contesto, quali sono i problemi di accessibilità  da tenere presenti, etc. Ripeto, secondo me c'è tanto da studiare e imparare.Per tenere il filo della discussione, raccogliere il feedback e seguire gli aggiornamenti, infine, un nuovo blog. Complimenti!

Continua a leggere Nuove librerie su Yahoo! Developer Network

Categoria: Scripting

Abbiamo parlato un po' di tempo fa della libreria LightBox, un pratico script per mostrare in maniera accattivante e inconsueto ingrandimenti a centro pagina. Recentemente è stato spunto per diverse varianti: la prima è LightBox gone wild su ParticleTree, che mostra come sia possibile estendere il concetto a finestra modale e combinarlo con AJAX per mostrare ad esempio un form di registrazione.Ancora più recenti sono The LightBox effect without LightBox, a detta dell'autore una versione un po' più pulita di quella originale, e Greybox, presentata come alternativa alla classica popup.

Continua a leggere Lightbox e i suoi derivati

Categoria: Scripting

Finalmente qualcuno ha deciso di muoversi per iniziare a sviluppare un supporto potente e completo alla tecnologia AJAX, che sta spopolando sulla rete in questo periodo.Uno dei proposal fatti per Eclipse parla di ATF, un'aggiunta al WTP che si propone di essere un toccasana per chi sviluppa web utilizzando AJAX. Le funzionalità  implementate saranno molte, tra cui: un debugger per Javascript; un browser integrato per le preview una console Javascript (un po' come quella di Python) un DOM inspector integrato; un framework completo indipendente dal runtime AJAX utilizzato;

Continua a leggere Ajax Toolkit Framework

Categoria: Scripting

Tags: ,

Da qualche mese quando si parla di Javascript non si può fare altro che affiancargli AJAX, e trattare degli argomenti ad esso correlati. Sono moltissimi gli strumenti rilasciati per supportare questa tipologia di piattaforma, e moltissime sono le parole spese a riguardo.Tanto per non discostarci troppo dall'argomento, mi sento in dovere di spendere qualche parola a proposito di una libreria sviluppata in Javascript che permette di gestire filmati Flash senza dover toccare l'IDE Macromedia attraverso un'API molto facile e potente. La libreria in questione si chiama AFLAX, e sfrutta l'ExternalInterface di Flash 8 per fornirci un set di funzionalità  per il disegno vettoriale (e molto altro) da javascript. La libreria funziona bene, non ha grossi problemi di compatibilità  e le applicazioni demo introducono molto bene le potenzialità  di questo strumento. Che dire, speriamo che questa interessante tecnologia segua l'evoluzione di AJAX e cominci ad essere supportata e seguita dagli sviluppatori web.

Continua a leggere Gestire Flash da Javascript con AFLAX

Categoria: Scripting

Chi ha provato anche solo a giocare con Javascript per manipolare il contenuto di elementi HTML presenti su una pagina, sa che prima o poi ci si imbatte nel dilemma: usare innerHTML o ricorrere a metodi più eleganti e standard compliant?Credo che questo articolo apparso su SlayerOffice possa rappresentare un'ottima guida per fare la scelta giusta. Oltre ad essere pieno di riferimenti a risorse esterne di grande interesse, è ben strutturato nella presentazione degli esempi. Propone infatti una serie di situazioni o casi specifici e per ciascuno presenta fianco a fianco la soluzione basata su innerHTML e quella DOM-based. Un metodo in grado di far emergere chiaramente i pregi e i limiti di questa proprietà  introdotta a suo tempo da Microsoft.

Continua a leggere Alternative a innerHTML

Categoria: Scripting

'Menu' (senza accento sulla -u, vi prego!) è storicamente una delle chiavi di ricerca più usate su HTML.it, ma ultimamente l'ho vista perdere colpi nella Top 10. Interesse sfumato? Tutto già  visto, tutto già  sentito? A prescindere, io la segnalazione la faccio: DOMscripting powered Panel Bar (qui il post di presentazione, qui la pagina con l'esempio completo e il link allo zip da scaricare con tutto il codice e le immagini usate).

Continua a leggere Just another CSS/JS menu…

Categoria: Scripting

Tags: , ,

Jonathan Boutelle ha iniziato sul suo blog una serie di post dedicati agli AJAX Design Patterns, modelli di interazione basati su questo insieme di tecnologie in grado, rispetto al semplice HTML, di migliorare l'interfaccia di un sito o di risolvere specifici problemi di usabilità .Dopo il primo intervento dedicato ai Read/Write Div (le sezioni editabili come quella del meteto presente sulla home page personalizzata di Google), ha analizzato una soluzione relativa alla costruzione di un modulo di login/registrazione.Si tratta di quella implementata sul sito ZohoCRM, che pur non essendo 100% pure AJAX (non prevede nessuno scambio di dati con il server in modalità  asincrona), presenta comunque aspetti interessanti.Il problema è quello di conciliare il login degli utenti già  registrati con l'invito alla registrazione per i nuovi. Boutelle fa notare che, in genere, si sceglie uno tra due approcci alternativi:Privilegiare i nuovi potenziali iscritti ed evidenziare il form di registrazione, deviando gli utenti già  registrati su un'altra pagina per il loginPrivilegiare gli iscritti, fornendo agli altri un link ad un'apposita pagina di registrazione.Perché, a suo parere, l'idea di ZohoCRM funziona? Perché tiene entrambe le categorie sulla stessa pagina con una soluzione di semplicissima implementazione e senz'altro efficace.

Continua a leggere AJAX che funziona

Categoria: Scripting

Al termine della serie dedicata alle liste di definizione (prima e seconda parte), Alessandro Fulciniti ha proposto un piccolo esperimento: un menu per ristorante strutturato in HTML ricorrendo a questo particolare tipo di lista e definito nella presentazione con i CSS.Su TJKDesign, c'è invece un tutorial che spiega come creare una serie di FAQ con le liste di definizione e Javascript, usato per visualizzare e nascondere la risposta.

Continua a leggere Creare FAQ con le liste di definizione

Categoria: Scripting