Vortexmind: free your mind Blog

(Notizia tratta da maestroalberto) Ok, ho appena fatto un post … ma questo ne merita uno a parte (anche perchè se lo scoprivo 2 ore fa invece di adesso il post precedente sarebbe stato molto più semplice da comporre!!!). I love Music Video è un applicazione Web 2.0 che vi permette in pochi click di trovare tutti i video musicali di vostro interesse. La cosa veramente bella però è l’integrazione con last.fm (di cui avevamo già parlato qui). In due secondi infatti è possibile inserire il vostro username last.fm ed ottenere la lista di tutti i video musicali relativi alle canzoni che avete appena ascoltato! Da provare al volo!

Vi linko questa interessante collezione di Tutorial AJAX: sono stati collezionati più di 60 tutorials che spaziano su un sacco di problematiche interessanti per uno sviluppatore di siti web. Si va dagli indicatori di attività, ai bookmarklet, chat, tutorial di comunicazione client-server, drag&drop, autocompletion, rss e tanti altri problemi comuni, nonchè una serie di walktrough generici oppure dedicati ai vari framework disponibili in rete. Consigliato!

In principio era AJAX: Asynchronous JavaScript And XML. Ovvero rendere le applicazioni web più “interattive” e flessibili utilizzando richieste asincrone prese in carico dal browser e gestite tramite chiamate XML al server. Tutto molto bello, ma ci sono dei problemi: pur introducendo l’asincronia, il meccanismo rimane fondamentalmente basato sul paradigma “request-response” (o client-server, se preferite): è sempre il client a fare le richieste, e a “innescare” una computazione lato server (anche se effettuata in maniera asincrona, a differenza del meccanismo sincrono tradizionale). Questa limitazione si evidenzia in particolar modo per applicazioni multi-utente e collaborative: con AJAX infatti non è possibile “forzare” un update da server (ad esempio quando i dati visualizzati dal client diventano inconsistenti perchè vengono modificati, ad esempio, da un altro utente). In genere si cerca di mascherare questa limitazione utilizzando meccanismi di polling, ma la soluzione non è soddisfacente nè efficiente.

COMET cerca di andare oltre, introducendo uno stile di comunicazione “event-driven, server-push data streaming”. In questo paradigma, i dati possono essere inviati al client anche in assenza di un evento di richiesta (da qui la denominazione server-push). Basandosi inoltre su canali http persistenti, si riesce anche a ridurre drasticamente la latenza di comunicazione.

Le informazioni presenti in questo articolo le ho tratte da questo articolo in inglese, che offre ulteriori spunti di riflessione e che vi consiglio di leggere se vi interessa la cosa.

Avevate mai pensato che utilizzando javascript in prospettiva “AJAX like” si potessero creare siti con favicon dinamiche? Se non sapete di cosa sto parlando, la favicon è l’icona normalmente associata al bookmark dei siti, che solitamente compare nella barra indirizzi accanto all’URL (nel caso di questo sito, un piccolo vortice). L’idea è: perchè non utilizzare anche la favicon per aumentare l’interattività con l’utente (magari andando a gestire in modo visuale alcune notifiche importanti di eventi della vostra web application)?

In ogni caso, ci ha pensato Michael Mahemoff: nel suo articolo viene spiegato come fare, e potete scaricare una libreria javascript pronta per l’uso con tutte le API adatte allo scopo. Buon divertimento!

Crazy Egg è un servizio in fase di lancio che vi lascerà stupiti. Praticamente questi tizi hanno pensato di utilizzare AJAX per piazzare una overlay map sopra ad ogni pagina e conseguentemente effettuare il tracking di dove i visitatori cliccano sulle proprie pagine! In poche parole utilizzando questo servizio potrete sapere quali sono le zone ad alto potenziale del vostro layout, oppure quali sono quelle aree che non sono abbastanza utilizzate dai vostri visitatori, e tutto questo è visibile in modo assolutamente immediato tramite le heatmap che vi mostrano graficamente le aree chiave delle vostre pagine. Le potenzialità ci sono tutte. Per il momento potete solamente lasciare il vostro indirizzo e-mail per essere contattati quando il servizio verrà rilasciato perchè non è ancora disponibile al pubblico: dovrebbe entrare in funzione ai primi di Aprile (non sarà mica un pesce?)

dhtmlxGrid is a cross-browser JavaScript grid control that represents data in a sortable DHTML table. This component allows you to design comfortable user interface by organizing your data into configurable dynamic grid with different cell types, client-side sorting, resizable columns, powerful API, buffering and dynamical loading and other handy features.

Grid content can be loaded from XML data source or created using JavaScript methods. The component enables flexible data sorting (string/integer/date) in ascending or descending order by clicking column header. Table data can be sorted and updated without page reload because grid is 100% client-side solution and loads data dynamically using AJAX.(read more | digg story)

AJAX sta per Asynchronous JavaScript and XML ed è un “mix di tecnologie standard” che permette di costruire applicazioni web molto più interattive e dinamiche di quanto si è normalmente abituati, senza il bisogno di ricorrere ad estensioni di terze parti (come ad esempio il Flash Player della Macromedia). Siccome tra breve dovrò buttarmi a piè pari in questo fantastico mondo, sto raccogliendo da un po’ tutti i link interessanti che trovo su AJAX. Se siete interessati, la lista “live” dei miei link la trovate su del.icio.us. Siccome l’elenco sta cominciando a espandersi, vi metto qui quelli che ritengo più meritevoli:

• AJAX – Getting Started: una semplice introduzione alla tecnologia AJAX
• AJAX Lessons: Una fonte di risorse su AJAX con una message board su cui poter postare i propri dubbi (l’ingresso alla board è riservato solo a chi è veramente interessato)
• The Ten Best Ajax Links: Tutorials, Examples, and History: Una raccolta di link selezionati su AJAX
• AJAX on RAILS: Ruby on Rails è un web framework per lo sviluppo con un buon supporto per le applicazioni AJAX-based
• AJAX Design Patterns: i Design Patterns sono “la buona norma” che i programmatori sono incoraggiati a seguire quando risolvono problematiche comuni e ben note. Questo link contiene una vasta raccolta di Design Patterns su AJAX

Inoltre, per chi utilizza Wordpress, segnalo questo plugin che utilizzando AJAX implementa un preloader per le immagini. Ve lo consiglio caldamente. Se volete vedere come funziona, cliccate sull’immagine qui a sinistra. Attualmente questo plugin non funziona se lasciate abilitata la compressione gzip on demand di Wordpress (basta andare nelle opzioni e disabilitarla)

Ormai sono finiti i tempi delle pagine amatoriali, con codice ridondante e incomprensibile, tutto incasinato e pesante da scaricare: ormai i CSS (Cascading Style Sheets) hanno preso piede in modo abbastanza capillare e permettono facilmente di “cambiar pelle” ai vostri siti senza toccare i dati in essi inseriti. Qualche esempio?

• CSS Zen Garden: una pagina, tanti stili!
• Live Design: un tutorial per far capire ai neofiti la potenza dei CSS

Per non parlare delle ultime novit� come Ajax e i suoi derivati, che permettono di rendere i siti internet molto simili alle applicazioni che usiamo tutti i giorni sul nostro PC, a patto di disporre di browser di ultima generazione come Firefox. Alcuni esempi?

• Photos Made Easy: un editor grafico molto completo
• Netvibes: una pagina home totalmente customizzabile in modo estremamente semplice

Insomma … siete pronti per il futuro? Io sto pensando proprio di farmi un tema personalizzato per Wordpress da applicare a questo sito giusto per sgranchirmi le idee (e per renderlo un po’pi� “mio”) … vedremo che riuscir� a combinare!