Undolog.com

È stata rilasciata la release candidate 1 (rc1) della versione 2.0 della libreria Javascript Shadowbox, di Michael J. I. Jackson, utilissima per aprire finestre dedicate alla visualizzazioni di vari tipi di media, da Flash a QuickTime a pagine HTML. In questa nuova versione troviamo:

• Il sito è più ricco di informazioni e include ora un wizard (sullo stile di mootools) per creare "al volo" un pacchetto della libreria personalizzato alle nostre esigenze
• Possibilità di usare un modulo standalone base, senza includere necessariamente – gli adattatori per le – librerie esterne come prototype.js, jQuery, etc…
• Miglioramenti alla gestione e realizzazione delle Skin
• Localizzazione

La libreria è disponibile anche su SVN all’indirizzo:

http://michaeljackson.googlecode.com/svn/trunk/shadowbox

Continua...

La tecnica di Text Replacement che presento oggi è, per certi aspetti, davvero interessante. A differenza della classica sostituizione per immagine tramite CSS, questa tecnica usa un filmato Flash per sovrascrivere i titoli del nostro sito. Nonostante sia un pochino più articolata, in quanto richiede la creazione di un filmato Flash e l’uso di Javascript, permette di ottenere una serie di vantaggi non indifferenti:

• Mantiene l’accessibilità del sito sfruttando un True-Unobtrusive-Javascript in modo che crawler e spider continuino a vedere la pagina come semplice e corretto HTML
• Non richiede la creazione di n immagini per n titoli. Basta un solo filmato per sostituire tutti i titoli del nostro sito, con un notevole risparmio in termini di Download
• Permette di creare anche titoli semplici ma con Font normalmente non utilizzati sul Web
• Il testo può essere reso in HTML, grazie alle caratteristiche di Flash
• Il testo è selezionabile
• Essendo un filmato Flash si può inserire interattività e animazioni di qualsiasi sorta

Noterete, anche, che in questa procedura i CSS non sono praticamente presi in considerazione!

Continua...

Edward Smith ha sviluppato un wrapper in grado di sfruttare le API Flash e Papervision3D in Javascript! La libreria, AS3Wrapper, è compatibile con FireFox e con IE. Con Safari per Windows funziona mentre ho riscontrato problemi con Opera 9, sempre per Windows. Il meccanismo che sta alla base di questo progetto, e che rende possibile questa “magia”, è quello di includere nella nostra pagina HTML un contenitore Flash (AS3Wrapper.swf) che accetta comandi Javascript (AS3Wrapper.js), permettendo in pratica di costruire oggetti Flash direttamente da Javascript.

Continua...

Sfruttando una notevole caratteristica di Actionscript 3.0 (vedi Actionscript 3.0: tutto con l’operatore new) ho creato una classe ReflexMe in grado di generare un effetto “riflessione” su un qualsiasi MovieClip presente in libreria.

Il sorgente fa parte del pacchetto undolibrary – presente su GoogleCode – ma se volete potete scaricare il singolo file ReflexMe.as.

Continua...

Aggiornamento: vedi Come usare Google Maps in Adobe Flash CS4

Aggiornamento: pare che Google si sia sbagliata e invece di scrivere Flex ha scritto Flash! Morale della situazione le API Google Maps sono state rilasciate solo per Flex e NON funzionano in ambiente Flash: a dimostrazione della confusione che questi due “branch” (Flex/Flash) stanno causando! Leggere, a tal proposito, Damn it google get it right! the google map API is for flex not flash!

Continua...

Rispondo, con questo post, alla richiesta di Andrea su come inserire il traduttore di Google nel proprio web. Esistono vari modi per usufruire dei servizi di traduzione automatica messi a disposizione da Google e non solo. Possiamo usare Plugin scritti da terzi, un semplice script Javascript preconfezionato da Google stessa o imparare ad usare le API, cioè una serie di funzioni richiamabili – come vedremo – in vari modi.

Plugin

Su questa soluzione non mi dilungo, in quanto credo non sia propriamente attinente alla richiesta di Andrea, se ho compreso bene. Inoltre è una soluzione sostanzialemente valida solo per i Blog e non per un uso personalizzato e generico. Posso solo segnalare, per gli utenti WordPress, Global Translator, forse il più semplice, funzionale e diffuso Plugin di questo tipo.

Script preconfezionato da Google

Il modo più semplice per tradurre il proprio sito web o il proprio Blog è quello di inserire un semplice script Javascript fornito da Google stessa. Basta andare sul sito translate.google.com e cliccare sulla scheda ‘Strumenti‘. Da questa pagina è possibile preimpostare le funzioni di traduzione o lasciare quelle di default. Lo script è molto semplice:

e come risultato si ottiene:

Continua...

È possibile realizzare l’effetto dell’add-on di FireFox Piclens in Flash? Penso proprio di si! Grazie a Papervision3D è possibile avvicinarsi molto allo stesso effetto. Questo che presento è un prototipo di cui non posso – per ora – rendere disponibile il codice. Tuttavia è interessante notare quanto sia verosimile l’effetto. L’immagine che vedete ripetuta 100 volte è incapsulata all’interno del filmato SWF e le sue dimensioni sono di 256×256 (PNG 24bit trasparente). In alternativa è molto semplice leggere una lista di immagini da un file XML, cosa che ho già fatto in un altro demo. In questo prototipo ho utilizzato Adobe Flash CS3, Actionscript 3.0 e la versione 2.0 di Papervision3D (GreatWhite).

Continua...

Prodotto ed ideato da JuliusDesign nasce un nuovo strumento dedicato allo sviluppo. L’idea è quella di creare un motore di ricerca specializzato in determinati ambiti, per iniziare Flash. Il sistema sfrutta gli innovativi e recenti strumenti di personalizzazione messi a disposizione da Google. Visitate il Blog del progetto e iniziate dare in primi consigli.

Continua...

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:

Continua...

SWFObject è uno script Javascript utilizzato per inserire contenuti Flash all’interno delle pagine Web. La sua principale funzione è quella di eliminare la richiesta di attivazione del controllo da parte di Microsoft Internet Explorer (che, comunque sia, è in fase di dismissione – vedi qui) e, più interessante, la capacità di verificare ed installare automaticamente il Flash Player ove richiesto. SWFObject può considerarsi un’ottima alternativa al kit di install/detect fornito dalla stessa Adobe e generabile all’interno dell’IDE Flash (in tutte le sue versioni). Con la versione 2.0, SWFObject migliora le sue performance e il suo utilizzo. Come indicato sulla documentazione ufficiale, spostata su Google Code, le novità di questa release sono talmente tante da renderlo NON compatibile con le precedenti versioni. Questo si traduce di fatto in una revisione completa del codice per chi decidesse di aggiornare una precedente versione SWFObject alla 2.0.

Lo script è ora allineato agli ultimi standard, sia dal punto di vista sintattico che da quello “non intrusivo”. Supporta tutte le precedenti features, come l’installazione rapida del Flash Player, con un codice più chiaro e facile da usare. Il passaggio dei parametri, ad esempio, da Javascript al Player Flash (e quindi al nostro filmato) è ora assai più chiaro e versatile. Inoltre sono stati introdotti due principali modi di funzionamento: statico e dinamico, in base al tipo di pagina e processo di design che stiamo effettuando.

Utile e davvero bon fatto è il tool online che genera il codice SWFObject per noi.

LINK:

• Downlaod SWFObject Google Code
• Documentazione ed esempi
• API
• Generatore codice

Continua...