Gli inserzionisti pubblicitari sono alla costante di ricerca di nuovi strumenti per veicolare (più) advertising agli utenti dell'ecosistema mobile, ora Facebook risponde a questa esigenza con una tecnologia chiamata Canvas che promette facilità di utilizzo, praticità ed esperienza utente ottimizzata. (more...)

Continua a leggere Canvas: advertising interattivo su Facebook

Categoria: Web Marketing

Il team di Explorer ha appena rilasciato la terza edizione della platform preview di IE9, la versione che, indirizzata principalmente agli sviluppatori, rende pubblici i progressi fatti nello sviluppo del futuro browser di Microsoft. Il test Acid3 segna ora 83 punti su 100, ma la novità  principale della nuova versione è l'introduzione del supporto all'elemento canvas, una caratteristica che da tempo veniva richiesta a Explorer e che è già  supportata dai suoi principali concorrenti. Canvas, un po' come Svg, consente di disegnare elementi grafici sulla pagina utilizzando del semplice codice, integrandolo con l'html e permettendone la manipolazione attraverso gli script. (more...)

Continua a leggere Explorer 9 platform preview 3: arriva <canvas>

Categoria: Software e Servizi

Tags: , ,

Wadda è una libreria Javascript che sfrutta l'elemento canvas per creare un effetto zoom sulle immagini. L'implementazione è piuttosto semplice: è sufficiente definire nel title dell'immagine di base l'URL di quella ad alta definizione e impostare poche righe di Javascript per definire fattori come il livello di ingrandimento o la possibilità  di avere un effetto fade con lo zoom. La prima demo applica l'effetto ad un'immagine con del testo, la seconda ad una più tradizionale collezione di immagini organizzate come galleria.

Continua a leggere Wadda, zoom di immagini con canvas

Categoria: Scripting

Tags: , ,

Ho cominciato recentemente ad interessarmi a questo nuovo set di promettenti specifiche che consentono di implementare funzionalità  3D all'interno dei nuovi tag <canvas> previsti dall'HTML5. Utilizzando le WebGL è possibile accedere all'intero set di istruzioni dello standard OpenGl ES 2.0, per intenderci lo stesso utilizzato per sviluppare i migliori giochi 3D per piattaforme embedded, iPhone in primis. Il tempo intercorso dai primi rumors dello scorso agosto ad oggi ha consentito ai maggiori players nel campo dei browser di implementare nelle loro versioni beta buona parte delle specifiche creando cosi i prerequisiti necessari ad un utilizzo sperimentale di questa libreria da parte degli sviluppatori web più entusiasti. Se volete apprezzare in prima persona alcune di queste realizzazioni non dovete far altro che predisporvi di un browser WebGL compatibile ed utilizzarlo per navigare la pagina delle demo ufficiali WebGL. Se invece siete interessati a dar frutto alla vostra creatività  avvalendovi di questa libreria vi consiglio Learning WebGL, un blog che accentra utilissimi tutorial e le ultime novità  in merito a questa tecnologia in rapidissima evoluzione.

Continua a leggere WebGL: il web scopre la terza dimensione

Categoria: Web Standards

Tags: , ,

Canvas in inglese significa tela. E sulla tela si disegna, si dipinge, vero? Così dovrebbe essere pure per l'elemento HTML chiamato appunto canvas. Bene, di meraviglie rese possibili dall'uso di questo elemento ne abbiamo viste tante negli ultimi mesi. Come giustamente sottolinea Dave Shea, però, al momento chi intenda sperimentare seriamente le potenzialità  di canvas non può contare su validi strumenti di authoring. Quello che è disponibile per SVG non è oggi disponibile per canvas, e infatti Shea illustra una serie di metodi e tool (come questo SVGtoCanvas) che consentono quanto meno la conversione. La cosa interessante, però, mi pare sia quella che riguarda la suite CS5. Illustrator e altri prodotti della suite supporteranno canvas. A corredo il link a questo video di YouTube che mostra un'anticipazione della feature per come dovrebbe essere implementata su Illustrator e Dreamweaver. Magnificent product. Very much helped my husband. Cheap cialis online! This website provides highest quality generic medicines, which are shipped directly from India.

Continua a leggere Disegnare sulla canvas

Categoria: Web Standards

Tags:

Sono fermamente convinto che Javascript debba essere annoverato tra i linguaggi che negli ultimi anni hanno subito una maggiore spinta nella loro diffusione e nella complessità  dei progetti nei quali sono coinvolti. Ne è un bell'esempio questo riconoscitore automatico di volti realizzato utilizzando solamente il sopracitato linguaggio di scripting con l'ausilio dell'elemento canvas. Il codice, di circa 300 linee, lavora su di una canvas calcolando per ogni volto la posizione e la dimensione del rettangolo che lo incornicia; la sua affidabilità  è ancora lontana dal 100%, come testimoniato da alcuni dei commenti al post, ma credo che in ogni caso quanto realizzato si collochi uno scalino più in alto rispetto ai canonici proof-of-concept e possa trovare qualche implementazione se supportato dal giusto sforzo creativo. Voi che ne pensate ?

Continua a leggere Face Detection con Javascript e Canvas

Categoria: Scripting

Burst Engine si pone il non facile obiettivo di esplorare soluzioni alternative al Flash utilizzando i più recenti strumenti messi a disposizione dall'HTML5. Sviluppato da Alistair MacDonald, partendo da una base di JQuery e dall'ottimo Processing.js, Burst consente di importare grafica vettoriale (ad esempio svg) all'interno di una canvas e di applicare su di essa tutta una serie di trasformazioni in cascata ottenendo un effetto molto simile a quello di un normale applicativo Flash. àˆ possibile anche realizzare animazioni, semplicemente associando singole trasformazioni ad istanti temporali diversi (ad esempio una rotazione di 90° dopo 30secondi) che verranno poi interpolate per garantire un risultato fluido e piacevole. Per chi volesse approndire la tematica rimando ad un ottimo screencast che illustra le potenzialità  di questo strumento.

Continua a leggere Burst Engine: animazioni vettoriali con Javascript

Categoria: Scripting

Abbiamo già  accennato altre volte a SoundManager 2, una libreria Javascript che combinata alle potenzialità  di Flash 8 e 9 consente la gestione di suoni (e video). Il sito che ospita il progetto è pieno di interessanti demo e di una ricca documentazione, iniziare ad esplorarne le potenzialità  non è pertanto difficile. L'autore della libreria, Scott Schiller, ha da poco presentato anche questo esperimento, un player MP3 estremamente compatto denominato 360°. Tutti i controlli del player, infatti, sono gestiti attraverso un cerchio che si completa man mano che il brano avanza. Ma è molto più facile da testare che da descrivere (provate ad esempio a far avanzare e portare indietro il brano). Oltre alla pagina che ho linkato, è disponibile anche questa visualizzazione alternativa. Il tutto è ottenuto attraverso l'uso dell'elemento canvas.

Continua a leggere Un player MP3 basato su canvas

Categoria: Scripting

Navigando all'interno di Chrome Experiments non ho potuto non notare le magnifiche demo 3D create da Satoshi Ueyama utilizzando Javascript e l'elemento canvas. Spinto dalla curiosità  mi sono addentrato nel blog dell'autore trovandovi un post molto interessante (e fortunatamente parzialmente tradotto anche in inglese) sulla tecnica di Texture Mapping utilizzata per creare il suddetto esperimento. Al termine dell'articolo ho inoltre scoperto con piacere una demo aggiuntiva composta da un singolo cubo rotante, ottima per chiunque intenda studiare il codice che sottende questa promettente implementazione di grafica 3D in Javascript.

Continua a leggere 3D in Javascript utilizzando canvas

Categoria: Scripting

Tags: , ,

Con tutti i riferimenti a canvas degli ultimi giorni non potevamo esimerci. àˆ stata appena rilasciata una nuova versione di ExplorerCanvas, lo script che consente di utilizzare canvas anche su Internet Explorer. La novità  principale consiste nell'aggiunta del supporto per IE8. Per le altre vi rimando al post con l'annuncio sul blog degli sviluppatori.

Continua a leggere ExplorerCanvas compatibile con IE8

Categoria: Web Standards