Provare le API Google in real-time con Ajax APIs Playground

Google Ajax API Playground è una pagina creata da Ben Lisbakken in cui è possibile esplorare in modo interattivo le API di Google, al fine di capire cosa possono offrire effettivamente.

Lo strumento è molto interessante, in quanto presenta oltre 170 esempi presi da 8 Google JavaScript APIs (esattamente Maps, Search, Feeds, Calendar, Visualization, Language, Blogger, Libraries e Earth) sui quali possiamo effettuare modifiche per poi esportarli o salvarli al fine di riutilizzarli in un secondo momento.

L’interfaccia è molto personalizzabile: le 3 sezioni presenti (pick, edit, run) infatti possono essere ridimensionate a piacimento, oltre al fatto che la sezione “run” può essere impostata come pop-up in una nuova finestra; è presente inoltre un motore di ricerca con filtri su nome degli esempi, categorie e tags.

Considerato che in Google credono molto nell’Open Source, il codice di questa pagina non poteva che essere sotto licenza Apache 2.0 e utilizzare librerie e strumenti Open Source quali jQuery, jQuery UI, App Engine, YUI Compressor, e CodeMirror. E’ infatti lo stesso autore che invita gli utenti a utilizzare questo framework per mostrare i propri esempi di codice, mettendo a disposizione una guida su come aggiungere esempi e una directory dedicata a caricarli.

Dojo Zoomer - widget di zoom immagini

Come spesso succede nel mondo dell’Open Source, progetti nati per essere piccoli e semplici spesso diventano applicazioni molto funzionali grazie all’aiuto della comunità.
Dojo Zoomer era nato infatti come semplice widget per il drag & drop di immagini, e grazie all’aiuto di alcuni membri della #dojo community è ora diventato uno strumento che permette di effettuare lo zoom sulle porzioni di immagine di nostro interesse.

Come si può vede dall’esempio qui sotto, selezionando nella finestra di destra la parte di immagine su cui vogliamo focalizzarci, nella parte sinistra comparirà lo zoom della suddetta selezione.
Una feature molto interessante se pensate ad eventuali applicazioni su siti di photo managment come Flickr.

Il componente inoltre è un’estensione delle Dojo’s Dijit library, ed è quindi estremamente personalizzabile.

jQuery una libreria presidenziale

Nuovo presidente e nuovo sito per la casa bianca. Il nuovo sito, curato dallo stesso team che già aveva lavorato alla campagna elettorale online di Obama, ha uno stile decisamente più fresco della precedente versione e, spulciando nell’html del sito si può notare che il tutto è basato su jQuery con molti suoi plugin.
Un’altra bella conquista per la mia libreria preferita :)

Plugin jQuery per Sexy Page Curls

Dopo il grande successo di jQuery in molti si sono cimentati nello sviluppo di nuovi Plugin. Tra questi ne abbiamo trovato uno sfizioso, sviluppato da Elliot Kember, che permette di inserire un arricciamento nella pagina per sfogliarla come se fosse una pagina di un libro.

jQuery 1.3 !

Oggi, in gran fretta e dopo solo un giorno di testing della Candidate Release 1 è stata rilasciata finalmente la versione 1.3 di jQuery. Il perché di tanta fretta è presto spiegato: oggi è il compleanno di jQuery. Era infatti il 14 gennaio del 2006 quando un giovanissimo John Resig rilasciò la prima versione di questa che è oggi diventata una delle più importanti librerie Javascript.

Moltissime le novità della nuova release:

  • Incluso l’ottimo motore per i selettori Sizzle
  • Live Events
  • Gestione degli eventi completamente riscritta e migliorata
  • Appending di Html più veloce della luce
  • Offset: calcolo della posizione di un elemento velocissimo
  • Niente più browser sniffing: jQuery non cercherà più di capire la versione del browser usata ma solo le funzionalità supportate. Un meccanismo che dovrebbe garantire molta più compatibilità cross browser in futuro.

Ecco tutte le informazioni su questa nuova Release.

Creare interfacce innovative con WireIt

Non so quanti di voi conoscano Yahoo Pipes, in breve si tratta di un sistema di mashup sviluppato da Yahoo in cui gli utenti possono connettere varie fonti dati unendole con una particolarissima interfaccia grafica con dei “tubi”. Un’esperienza utente un po’ difficile da spiegare qui ma decisamente accattivante ed innovativa.

Da oggi tutti possono realizzare interfacce del genere grazie a WireIt, una nuova libreria Javascript che, appoggiandosi alle YUI, consente di creare esperienze utente innovative collegando più elementi grafici fra di loro come potete vedere nell’immagine qua sopra. Muovendo gli oggetti sullo schermo i “tubi” li seguono in tempo reale, ogni relazione può essere facilmente eliminata o dirottata verso un altro elemento. Le possibilità sono veramente infinite e solo a giocare con la demo di WireIt, mi sono venute in mente almeno 2 o 3 nostre applicazioni in cui mi piacerebbe integrarlo.

 

jsCron: eseguire codice Javascript temporizzato

Chi lavora su server linux sa sicuramente cos’è cron. Per chi invece è amante di Windows ecco una breve introduzione: Cron è un servizio Unix che consente l’esecuzione di programmi ad intervalli di tempo prestabiliti come, ad esempio, ogni ora, ogni mezzanotte e via dicendo.

jsCron è una sorta di porting di Cron sul browser per mezzo di Javascript. Ovviamente l’affidabilità non è la stessa, non è detto che all’orario specificato la pagina web sia visualizzata da qualcuno e tutto dipende dall’orologio dell’utente, non da quello centralizzato del server. Ad ogni modo jsCron può essere utile per compiere operazioni ripetitive di manutenzione come il salvataggio automatico di una form, il controllo tramite ajax di nuove notifiche di eventi sul server e via dicendo. La sintassi è semplicissima e richiama quella del cron originale:
jsCron.set(“35 17 * * * funzioneJavascript()”);

FireBug 1.3 finalmente !

Dopo un’attesa decisamente lunga, oggi Rob Campbell ha annunciato l’uscita della versione finale di FireBug 1.3, la versione di FireBug che finalmente offre un supporto completo per Firefox 3.

Firebug 1.3 è già disponibile su addons.mozilla.org per cui se già avete questa indispensabile estensione per Firefox l’aggiornamento dovrebbe essere automatico. Molto lavoro è stato fatto per migliorare ancora di più il prodotto, soprattutto nel tab Net che consente di vedere i tempi di caricamento dei singoli elementi della pagina.

Firebug 1.3 non sarà comunque compatibile con l’imminente Firefox 3.1 per il quale dovremo aspettare FireBug 1.4, già disponibile in versione Alpha.

Esempi spettacolari di Javascript nel 2008

Il 2008 ha visto un vero e proprio Boom nell’utilizzo di Javascript per realizzare giochi ed effetti visivi spettacolari nel browser. Jacob Seidelin ha steso una lista veramente interessante delle migliori dimostrazioni delle potenzialità di Javascript in questo ambito.

Si parte dai giochi Javascript: Super Mario, Pac-Man, Breakout, Space Invaders, Bomberman, Tetris. Ma non solo, è stato realizzato il porting in Javascript dello SCUMM interpreter utilizzato dalla LucasGames tanti anni fa per giochi come Maniac Mansion che possono ora rivivere nel nostro browser. E’ stato anche realizzato un interprete per AGI. il motore utilizzato dall’rmai defunta SIERRA in avventure grafiche del calibro di Leisure Suit Larry anche se forse molti dei nostri lettori sono troppo giovani per ricordarsi questi giochi !
Nel 2008 hanno inoltre visto la luce due librerie Javascript destinate proprio alla realizzazione di giochi: GameJS e GameQuery basato su jQuery.

Ma si parla anche di Demo Javascript, meno interattivi ma ancora più sorprendenti nel mostrare le capacità grafiche di Javascript, SVG e Canvas. Ecco alcuni esempi: Antisocial demo, Dynamic Hypnoglow, Twinkle, Hypno Trip Down the Fractal Rug, colliding balls, 3D cube effect e dynamically generated BMP flames.

Fra le cose evidenziate c’è anche l’ottima libreria di visualizzazione dati Processing.js, sviluppata da John Resig e semplicemente spettacolare !

Nel post di Jacob troverete tantissimi altri esempi con cui rifarvi gli occhi e magari iniziare a pennsare a cosa potrete fare con queste tecnologie una volta che godranno di un supporto cross browser migliore.

Scrivere plugin per jQuery

Nel corso dell’ultimo anno jQuery ha veramente spiccato il volo, raccogliendo molto supporto anche a livello enterprise e proiettandosi come una delle più affermate ed utilizzate librerie Ajax sul mercato.

Se anche voi siete appassionati di jQuery e lo utilizzate quotidinamente, potreste trovare molto utile un tutorial completo pubblicato in questi giorni da NETTUTS su come sviluppare partendo da 0 un plugin per jQuery.

L’esempio utilizzato è molto semplice: un image loader che al caricamento della pagina effettua il preload di alcune immagini per salvarle in cache e renderne più veloce il caricamento nel resto del sito.
Il tutorial contiene tutto il codice necessario per far funzionare il plugin, si parte dalla struttura iniziale per poi aggiungere gradualmente funzionalità al nostro plugin. Tutto il codice di esempio è disponibile per il download così come una demo funzionante.