Ecco ThickBox

26 Apr

Dopo LightBox, diverse versioni derivate e la LightBox 2, vale la pena di segnalare ThickBox, un nuovo script per avere ingrandimenti e finestre modali AJAX-powered in maniera semplice e intuitiva che usa JQuery. Il codice di ThickBox rispetto all'ultima versione di LightBox si presenta più versatile e soprattutto leggero: 20Kb contro 100. Da non perdere l'esempio che ben dimostra le potenzialità  dello script.

Continua a leggere Ecco ThickBox

Categoria: Scripting

Rischia di diventare un tormentone su questo blog, ma ecco a voi, signori e signore, l'ennesima galleria di immagini DOMbased. Ad offrircela è il signor Nathan Smith di Son Spring. La demo.

Continua a leggere Ancora una galleria di immagini

Categoria: Scripting

Si tratta di un semplice esperimento, ma confesso che il concetto di fondo mi lascia ugualmente perplesso. Lascio a voi il giudizio.Il solito Chris Heilmann, più volte citato su questo blog, ha preparato questa demo. Si tratta di un menu di navigazione 'classico' che è possibile trasformare in un menu multi-livello tramite un link che suggerisce l'alternativa. Heilmann lo chiede ai suoi visitatori e io di rimbalzo lo faccio con voi: può essere utile?

Continua a leggere Che menu preferisci?

Categoria: Scripting

Tags: , ,

DOMBuilder

11 Apr

Un po' di tempo abbiamo segnalato in Alternative a innerHTML un raffronto tra innerHTML e DOM, ovvero Alternatives to innerHTML, in cui credo tutti quelli un po' pratici di Javascript e programmazione abbiano notato quanto il DOM in certi casi si riveli molto più prolisso e meno pratico dell' innerHTML.Vale la pena di segnalare la recente DOM Builder, una classe Javascript di circa 1Kb che permette di creare strutture DOM complesse in maniera pratica e veloce: davvero impressionante la compattezza del codice e la sua versatilità . Unico neo, la compatibilità  non dichiarata: ho il sospetto che in alcuni casi possa non dare i risultati sperati su Internet Explorer, il cui modello DOM non ha perfetta compatibilità  con il metodo setAttribute.

Continua a leggere DOMBuilder

Categoria: Scripting

moo.dom

6 Apr

Valerio Proietti di Mad4Milk, noto per l'ottima moo.fx, ha da poco annunciato la sua ultima creazione: moo.dom, una piccola e utilissima libreria Javascript che si occupa di: individuare attraverso un selettore CSS elementi di pagina. I selettori accettati sono quelli di tag, di id, di classe, discendente e di gruppo, che costituiscono un sottoinsieme adeguato praticamente nella totalità  dei casi; applicare funzioni e assegnare eventi agli elementi così individuati; In sostanza combina in un unico script di circa 3kb (più i 4kb per la versione lite di Prototype inclusa anche in moo.fx) due funzionalità  in grado di agevolare molto il compito di codifica Javascript e finora separate in molte librerie e script: per citarne alcune getElementsBySelector e CSSQuery da una parte e Behaviour e la recente CSS event:Selectors dall'altra.

Continua a leggere moo.dom

Categoria: Scripting

Christian Heilmann sta scrivendo un libro sulle ultime tendenze in tema di tecnologie di scripting client-side. Giunto al capitolo dedicato ad AJAX ha pensato bene di condividere una piccola applicazione che dovrebbe essere usata come esempio. Si tratta di FeedNav, un reader di feed RSS da inserire in una pagina web e che consente di visualizzare gli ultimi item di una lista di feed scelti. àˆ possibile scaricare il codice completo ed inziare da subito i propri esperimenti. La pagina linkata contiene anche le istruzioni per personalizzare la configurazione.Tra i requisiti richiesti c'è il supporto di PHP e in particolare della funzione fread.

Continua a leggere FeedNav: un piccolo feed reader in AJAX

Categoria: Scripting

Tags: , ,

Tre segnalazioni di articoli/risorse recenti riguardanti i menu. La prima è Creating a Dynamic Navigation Menu che presenta un menu espandibile con CSS, Javascript e Scriptaculous; la seconda è The ultimate tabbed menu che racchiude ben nove esempi con CSS, Javascript e sorgenti Photoshop da scaricare; la terza è Mygosumenu, ben dodici menu dinamici in diverse varianti. La navigazione di un sito è un aspetto fondamentale, e menu con Javascript sono senza dubbio di aiuto nel presentare in uno spazio limitato molti link suddivisi per tema, migliorando quindi l'esperienza di navigazione dell'utente. Ma ancora più importante della navigazione è, mi si passi il termine, la navigabilità , imprescindibile dall'accesso ai contenuti. In diverse occasioni ho sostenuto la criticità  dei menu con Javascript, anche se codificati sulla base di HTML semantico (liste non ordinate annidate), CSS per la presentazione e Javascript per l'interazione.In tal senso, devo dirvi che i primi due menu non funzionano sulla nuova beta di IE7, e purtroppo il supporto cross-browser dei menu presentati in Creating a Dynamic Navigation Menu e The ultimate tabbed menu non è dichiarato. Quindi, usando un'espressione inglese use at your own risk (usateli a vostro rischio) ma solo dopo una buona fase di test sui diversi browser. Promossi a pieni voti invece i menu di Mygosumenu, con un'ottima compatibilità  cross-browser, anche su IE7.

Continua a leggere Menu con CSS e Javascript – le novità 

Categoria: Scripting

Dopo LightBox e diverse varianti, Lokesh Dhakar, autore della versione originale, ha presentato ieri Lightbox JS v2.0, una soluzione per avere ingrandimenti (e da questa seconda versione anche slideshow) di immagini nella stessa pagina.Una tecnica notevole, che combina ora l'idea originale di LightBox con effetti di Script.aculo.us grazie anche all'uso di Prototype per ottenere transizioni e navigazione tra ingrandimenti davvero accattivanti. Due i nei della nuova soluzione: il peso (quasi 100Kb di Javascript) e la compatibilità  cross-browser non dichiarata. Sto facendo un po' di prove con la nuova beta di IE7 e sul primo ingrandimento visualizzato dal caricamento della pagina lo script ha qualche problema... non saprei se lo stesso problema si riscontra anche con IE6.

Continua a leggere Ecco LightBox 2!

Categoria: Scripting

Chris Heillman, dopo aver pubblicato tempo fa un vero e proprio manifesto del Javascript moderno, ovvero Unobtrusive Javascript rilancia e pubblica From DHTML to DOM scripting che si propone di mettere definitivamente una pietra sopra alle pratiche tanto care all'ormai obsoleto DHTML.Una risorsa corposa, articolata e densa di concetti ed esempi, da leggere più volte, e disponibile gratuitamente anche in versione PDF. Buono studio!

Continua a leggere Dal DHTML al DOM scripting

Categoria: Scripting

Non è certo il primo esempio di mashup di diverse tecniche CSS/Javascript questo Suckerfish HoverLightbox, un ibrido nato dalla fusione di tecniche come Hoverbox Image Gallery, Suckerfish Dropdowns e Lightbox. Il post è lungo. La tecnica spiegata per benino. Gli esempi non mancano. Buona lettura.

Continua a leggere Suckerfish HoverLightbox

Categoria: Scripting