Scritta direttamente dal team AIR, questa guida è rilasciata sotto la licenza Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License, insomma è liberamente accessibile! Nonostante la sua semplicità, contiene molte informazioni interessanti (e corrette, visto che è il team AIR a scriverle) per lo sviluppo di applicazioni AIR con Javascript, HTML e CSS. Grazie ad Ajaxian è possibile scaricare il testo, in formato PDF, cliccando qui, oppure – se preferite – potete ordinarlo su Amazon. Su Adobe Labs trovate altre utili informazioni.
Categoria ‘Sviluppo’
Gratis la Pocketguide Adobe AIR for Javascript
Estendere l’IDE di Flash CS3 con Snippets
Lee Brimelow, Platform Evangelist in Adobe, si occupa di sviluppo in Flash, Flex ed AIR. Dal suo blog (TheFlashBlog) è possibile scaricare una comoda estensione per Flash CS3: Snippets. Questa estensione, scritta utilizzando le API che Flash mette a disposizione per interagire con la sua IDE (JSFL API), permette di aggiungere un comodo pannello (sulla falsa riga di quello presente già in Adobe Dreamweaver) dove è possibile inserire delle piccole porzioni di codice che usiamo più spesso.
Una volta installato è già possibile usufrire di alcuni snippets forniti dall’autore. Cliccando sull’icona 
è possibile modificare il file XML che contiene gli snippets (gli spezzoni di codice). Una volta fatta la modifica è sufficiente salvare il file e cliccare sull’icona 
per aggiornare la lista. Sul sito dell’autore sono stati rilasciati proprio in questi giorni ulteriori snippets da aggiungere a quelli già presenti. Ecco la versione completa del file XML:
Unobtrusive Javascript: un po’ di chiarezza e occhio agli impostori
Alcuni script, ed alcuni Web, usano alcune funzioni Javascript spacciandole per non-intrusive (Unobtrusive), anche quando non lo sono affatto. Cosa rende uno script (solitamente Javascript) non intrusivo? In linea di principio uno script Javascript è non-intrusivo quando si può far a meno di esso! Detto molto semplicemente! Nello sviluppo di un sito Web l’usabilità dello stesso non deve dipendere da nessun tipo di script. Solo in questo caso abbiamo un genuino script Unobtrusive.
Shadowbox assetURL: impostare il percorso delle immagini
Quando Shadowbox apre la sua finestra per mostrare un contenuto (immagine, iframe, Movie, ecc…), visualizza, nell’attesa, un gif animato che viene fornito nel pacchetto. Se la pagina che sta utilizzando Shadowbox si trova allo stesso livello della cartella images, tutto funziona bene. Per default, infatti, Shadowbox cerca la gif animata sotto images/loading.gif – o images/loading-light.gif se avete scelto gli stili light (shadowbox-light.css). Altrimenti, e spesso c’è il rischio anche di non accorgesene, se ci troviamo in una diversa alberatura, viene generato un bel codice 404 – di pagina non travata; nel nostro caso di file non trovato!
Per risolvere il problema basta inizializzare Shadowbox con un parametro opportuno che indica proprio il percorso assoluto della cartella images: su undolog.com, ad esempio, ho posizionato la gif animata del loading direttamente nella cartella images presente in root (come circa un miliardo di altri siti 
. Per rendere accessibile questa cartella a Shadowbox, a prescindere dal percorso, ho inserito semplicemenete:
1 2 | // init shadowbox with assetURL parameter Shadowbox.init( {assetURL: 'http://www.undolog.com/' } ); |
Tutti i cloni di Lightbox in una matrice dinamica
Planetozh ha realizzato uno splendito strumento dinamico in grado di elencare tutte le librerie Javascript simili a Lightbox.
Tramite un pannello (vedi immagine qui a sinistra) con una serie di "spunte" (checkbox), che indicano le varie caratteristiche delle librerie, è possibile eseguire un filtro ottenendo così la lista di una o più librerie che fanno al caso nostro. Speriamo che l’autore mantenga aggiornata questa fantastica pagina, utilissima nel districarsi tra le numerose e sempre più potenti librerie di questo tipo.
Distribuire applicazioni Adobe AIR: da AIR Badge a SHU Player
Le applicazioni Adobe AIR hanno il vantaggio di essere relativamente limitate nelle dimensioni del file grazie all’installazione separata delle librerie runtime di Adobe AIR 1.0. Questo vantaggio, tuttavia, può trasformarsi in un vero e proprio problema quando ci si appresta a distribuire un’applicazione Adobe AIR, sia sulla rete (quindi dal browser) sia su un supporto rigido come un CD/DVD.
Adobe AIR: SuperEnalotto Utility
Ho creato questa piccola applicazione Adobe AIR per tutti gli appassionati del SuperEnalotto. Questa applicazione, assai divertente, permette di:
- Generare sei sestine (con o senza ripetizioni) da giocare
- Di inserire o generare una sestina e verificare quante volte bisognerebbe giocare per fare 3, 4, 5 o 6
Ovviamente se qualcuno dovesse mai fare un bel 6 con questo “giochino” ricordatevi di me con una piccola donazione 
Aggiungere nuove transizioni a Scriptaculous
Non tutti lo sanno, forse, ma è possibile sovrascrivere o aggiungere le transizioni degli effetti di scriptaculous.js in modo estremamente semplice e rapido. Le transizioni di Scriptaculous, usate negli effetti per determinare il tipo di animazione, non sono implementate come quelle di Flash (consiglio di dare un’occhiata a questo PDF del grande Rober Penner), ma l’effetto finale è – di fatto – il medesimo. Inoltre, nel pacchetto Scriptaculous, non sono presenti alcune transizioni base presenti invence in Actionscript. Se volessimo aggiungere una nuova transizione a Scriptaculous basterà inserire questo codice prima di usare un qualunque effetto:
1 2 3 | Effect.Transitions.exponential = function(pos) { return 1-Math.pow(1-pos,2); } |
Da questo momento in poi possiamo usare la nuova transizione exponential in tutti gli effetti di Scriptaculous. Per una serie di transizioni utili – quasi un porting da Actionscript a Scriptaculous – vedi Add some spice to Scriptaculous.
Come salvare immagini in Flash CS3
Con Adobe Flash CS3 l’uso delle Bitmap è così migliorato che viene subito voglia di creare un piccolo Paint. Abbiamo già visto come realizzare un piccolo Paint (vedi Creare un’applicazione Paint in Flash CS3 Painter: semplice applicazione per disegno in Flash CS3 Pro) in grado di supportare un vero e proprio “cancellino” – funzione erase, grazie ad un uso particolare di layer Shape e Bitmap. Diciamo subito che Flash (a differenza di Flex) non permette ne encoding (tipo JPG o PNG) ne salvataggio automatico di immagini Bitmap. Tuttavia si può aggirare l’ostacolo sfruttando uno scripting lato server e la capacità di Flash di inviare dati in POST.
Flash CS3: creare effetto nebbia TV in 1 secondo
Flash CS3 non finisce di stupire. Ecco come creare il classico effetto nebbia dei televisori in un secondo con 10 righe di codice.
Loading Flash Player...
Ultimi Commenti
Giovambattista Fazioli: @Nik: Sono contento! In bocca al lupo dunque!!
Nik: Lunedì ho l’esame di informatica su java, grazie mi sei stato utilissimo, il libro che ho era poco chiaro...
Marco: Ti ringrazio moltissimo, mi hai illuminato
ho risolto impostando [cc_objc] //OptionViewController.m -...
Giovambattista Fazioli: @Marco: Ti consiglio un approccio credo più corretto. Se hai eseguito il subclass del tab...
luigi: molto chiaro e semplice devo ammettere che anche scrivendo da un pà difficilmente uso delegati creati da...