25 September 2008
New York Talk Exchange è una “mappa visuale delle comunicazioni” e mostra la quantità di dati scambiati via telefono e protocollo IP tra New York e le città di tutto il mondo, ovviamente in tempo reale!
Il progetto New York Talk Exchange nasce per cercare di rispondere a queste tre semplici domande:
- la città di New York come si connette con le altre città?
- con quali città New York ha legami più forti e come questi mutano con il passare del tempo?
- come il resto del mondo raggiunge i quartieri di New York?
Il risultato, anche solo da un punto di vista grafico è veramente affascinante!
Autore:mirko Categoria:Cultura Web, Interattività - Nessun Commento »
24 September 2008
Il regista James Front e altri suoi collaboratori della casa di produzione Zoo Films hanno realizzato per i RadioHead il video musicale “House of Cards” dell’album “Rainbows” (tra l’altro distribuito gratuitamente sul web!). Il video è stato realizzato con i sistemi di scansione 3D “Geometric Informatics” e “Velodyne Lidar“. Attraverso sensori e laser (64 laser che roteano 900 volte al minunto) vengono catturate le immagini a 3 dimensioni. Il progetto è Open Source e tutti i dati elaborati, totalmente liberi da diritti d’autore, sono disponibili su Google Code.
Con questi dati, Aaron Koblin e Aaron Meyers hanno creato un fantastico visualizzatore Flash. Sul sito di Koblin è disponibile una demo interattiva dell’immagine di Tom Yorke; se avrete la pazienza di aspettare quache minuto per il caricamento dei dati, vi troverete difronte ad un’esperienza tridimensionale di particelle e note musicali davvero unica!
Autore:mirko Categoria:Arte, Curiosità, Grafica Generativa, Interattività, Open Source, Programmazione - Nessun Commento »
27 August 2008
Il formato immagine PNG è ormai diffusissimo. Con l’utilizzo delle trasparenze si possono ottenere effetti grafici interessanti impossibili da ottenere con il formato GIF.
Purtroppo, Internet Explorer 6 non riesce a gestire correttamente le trasparenze delle immagini PNG.
Molte le soluzioni pensate per aggirare l’ostacolo. La più diffusa consiste in un hack CSS che utilizza un filtro specifico per IE (per maggiori informazioni rimando al sito TomStardust.com).
Personalmente ho sempre evitato di utilizzare questa tecnica perchè la proprietà “filter” non rientra negli standard e non permette la validazione dei fogli di stile.
Un’altra soluzione, proposta dal sito TwinHelix Designs, permette di gestire le trasparenze delle immagini PNG (anche dei background) con una sola riga CSS senza intervenire sul file HTML e garantendo la validazione del file CSS.
Vediamo come funziona
una volta scaricato il file iepngfix.zip dal sito TwinHelix Designs, prendiamo i 2 file necessari per visualizzare il canale alpha delle PNG:
blank.gif, una GIF trasparente necessaria per far funzionare l’hack, e iepngfix.htc. Mettiamo questi file nella stessa directory dove si trova il file che caricherà le PNG di cui vogliamo visualizzare la trasparenza, quindi inseriamo nel codice CSS la stringa
mioDiv {behavior: url(iepngfix.htc)}
Ecco fatto! Un esempio pratico della classe “behavior” lo potete trovare sul sito w3facile.com unitamente ad altre tecniche per la gestione delle immagini PNG in IE6
Autore:cava Categoria:Web 2.0, Web Sites, XHTML - 2 Commenti »
19 June 2008
Una mostra-evento per raccontare la creatività del territorio
Più di dieci installazioni di grafica, una sala cinema allestita su un autobus, un laboratorio per bambini, aperitivi musicali, otto concerti serali, dj-sets.
Dal 3 al 6 luglio allo spazio Teca di via Basso Acquar 28/a
ScalaColore, l’associazione culturale con base a Verona, presenta
ITER. Viaggiatori al tempo del design
Per quattro giorni, dalle 11 del mattino alle 2 di notte, lo spazio espositivo sarà animato dalla creatività di oltre trenta studi professionali di design e comunicazione.
L’ingresso è gratuito e aperto a tutti.
Nel 2007 l’iniziativa ha catalizzato l’attenzione di oltre 4mila visitatori e a ottobre 2008 sarà ospite al World Design Capital di Torino.
ITER. Viaggiatori al tempo del design propone un itinerario originale attraverso il design e la comunicazione visiva, affrontando un tema che da sempre affascina il mondo dei creativi.
Un viaggio raccontato con percorsi artistici personali ed esplorazioni collettive, una rete di contaminazioni che vogliono portare avanti l’idea di scambio e confronto di esperienze che sta alla base del progetto culturale di Scalacolore.
Scalacolore - Spazio di interazione creativa, è un’associazione culturale costituita e composta da trenta professionisti provenienti dai settori della comunicazione, del design e del mondo creativo e noi siamo orgogliosi di farne parte 
Scarica il programma completo dell’evento in pdf
Autore:federico Categoria:Audio Video, Design, Eventi, Installazioni - Nessun Commento »
1 March 2008
Ma lo sapevate che il vostro controller Wii o Wiimote, come lo chiamano gli anglofoni, nasconde al suo interno una webcam sensibile agli infrarossi?
Devo ammetere che per me è stata una sorpresa, ma per fortuna il mondo è pieno di ragazzi svegli che, non solo se ne sono accorti da tempo, ma hanno anche trovato il modo di usarla!
Uno di questi accorti giovani è Johnny Chung Lee, un promettente ricercatore del dipartimento di Human-Computer Interaction della Carnegie Mellon University, che in due e due quattro ha trasformato il suo controller Wii in un dispositivo per il “finger tracking” (tracciamento dei movimenti delle dita di una mano).
Il Wiimote contiene una webcam ad infrarossi da 1024×768 pixel di risoluzione e un sistema di tracciamento ottico in grado di tracciare la posizione di 4 punti in contemporanea e Johnny, usando un po’ di nastro adesivo riflettente, alcuni LED a luce infrarossa e un software di rilevamento in C# (basato sulle DirectX) l’ha sfruttata per creare una perfetta interfaccia uomo-macchina stile Minority Report.
Il progetto è ancora in fase embrionale ma già sufficiente per farci capire quant’è vero che la realtà supera spesso la fantasia… Per chi fosse interessato a sperimentare il software di finger tracking che Johnny presenta nel video ecco alcune utili risorse:
Se poi volete essere sempre aggiornati sullo sviluppo di questo e altri interessanti progetti che utilizzano il Wiimote tenete d’occhio il blog di Johnny e il forum WiimoteProject.com
Autore:federico Categoria:Interattività, Open Source, Programmazione - Nessun Commento »
15 January 2008
Leggendo “65 excellent flash designs“, uno dei tanti interessanti articoli su Smashing Magazine, sono stato particolarmente colpito dalla genialità e dall’eleganza delle soluzioni adottate da alcuni flash designer per rendere più interattivi i loro siti.
Probabilmente li conoscerete già, ma non posso resistere alla tentazione di segnalarvi quei siti (tra quelli proposti nell’articolo) che meglio rappresentano il concetto “soliti contenuti, insolita presentazione”, uno dei segreti del successo (non solo) sul web:
- l’agenzia Mono di Minneapolis ha ideato un divertente giochino flash che miscela le facce dei componenti del proprio team in una buffa “monoface”, un modo sicuramente originale per presentarsi e augurare buon anno a clienti vecchi e nuovi
http://www.mono-1.com/monoface/main.html
- nel sito del fotografo Kimm Saatvedt il menù c’è ma non si vede
http://www.kimm.no
- la navigazione tra le gallerie fotografiche di Filippa Smedhagen Sund, makeup artist svedese, avviene tramite drag&drop (!) delle varie slides
http://www.filippasmedhagensund.com
- attenzione al mal di mare, il sito dell’art director Kashiva Sato è una matrice di palette pulsanti, nella sua follia assolutamente all’avanguardia
http://kashiwasato.com
- la navigazione tridimensionale di Chromazone è decisamente ben riuscita e il tuffo nelle diverse sezioni rende perfettamente l’idea di “immersione nel colore”
http://www.chromazone-imaging.co.uk/flashindex.html
Magari non sono tutte idee nuovissime, ma sono sicuramente una buona base di partenza da cui prendere spunto per elaborare ulteriori soluzioni e soprattutto imparare a presentare in maniera originale i contenuti dei propri siti web.
Autore:federico Categoria:Design, Flash, Interattività, Web Sites - Nessun Commento »
14 January 2008
A tutti gli amanti del Web 2.0 segnalo MiniAJAX.com, un sito che contiene una vasta raccolta di scripts AJAX molti dei quali personalizzabili e configurabili a piacimento.
Tra gli script, sottolineo:
- TrickBox 3.1, che permette di visualizzare sia immagini che contenuti HTML, senza aprire nuove pagine (una LightBox evoluta)
- Cross-Fade, che permette il “cross-fade” multiplo di elementi HTML
Autore:cava Categoria:Ajax, Web 2.0, Web Sites, XHTML - Nessun Commento »
7 January 2008
L’HTML 4.01 doveva essere sostituito per sempre da linguaggi basati sull’XML. Poi è successo che alcuni produttori di browser, come Apple, Opera e Mozilla, si sono liberamente riuniti per discutere una nuova possibilità: creare una nuova versione di HTML, chiamata inizialmente Web Application 1.0, ma resa popolare come HTML5.
Qualche tempo dopo il W3C è tornato sui suoi passi, ha raccolto la sfida del WHATWG, e ha messo in piedi un nuovo gruppo di lavoro interno per scrivere una nuova versione di HTML. E così l’HTML è di nuovo in pista, resuscitato dall’oltretomba.
HTML5 propone alcune modifiche all’HTML4, introducendo alcuni elementi non legati al concetto di documento, orientati alla produzione di applicazioni web. In sostanza, nuovi marcatori vengono introdotti per gestire le transazioni via form, elementi interattivi come i menu, la memorizzazione di stati della pagina (fondamentale per tutte le applicazioni del cosiddetto web 2.0), di dati persistenti, e così via. HTML5 in realtà aggiunge modifiche al DOM, alle API, e altre novità interessanti.
Il WHATWG sostiene che è perché l’HTML è ciò che la maggior parte della gente (e dei siti) usa, dunque è giusto occuparsi di ciò che la gente usa. Poi è probabile che sia anche perché la strada intrapresa con XHTML 2.0 non è piaciuta alla maggior parte dei produttori di browser e degli sviluppatori. Ma HTML5 non abolisce l’uso di XHTML. Infatti la specifica porta avanti parallelamente due linguaggi: HTML5, e il corrispondente XHTML5. Chi vorrà potrà ancora utilizzare XHTML.
HTML5 viene sviluppato in maniera modulare. Alcune parti sono più mature, altre meno. Gli autori prevedono che lo sviluppo completo occuperà i prossimi 15 anni, dunque hanno preso le cose seriamente… Attualmente, alcuni browser già interpretano parti della specifica, anche se pare non correttamente. In realtà, trasformare pagine HTML in HTML5 sarà facile: grazie al fatto che HTML5 è retrocompatibile, basterà cambiare il doctype.
Fonte articolo: Ecologia dei siti web
Autore:cava Categoria:Web 2.0, XHTML - 1 Commento »
14 February 2007
Vorreste leggere libri, giornali o trattati in formato elettronico senza dovervi trascinare il peso del notebook o evitare di strizzare gli occhi per vedere, con il giusto contrasto, dal display del vostro palmare? Allora passate al librofonino di TIM. Il display da 13 centimetri estraibile e pieghevole, prodotto dalla Polymer Vision con tecnologia a polimeri, permette di ottenere contrasti simili ad un foglio di giornale e misura ben 13 centimetri!
Autore:cava Categoria:Curiosità, Hi-Tech - Nessun Commento »
9 February 2007
Flash Video Faq è un utilissimo web tool realizzato dalla Roguish.
Si tratta di un Flash player che mette a disposizione più di 500 video codificati utilizzando i tre pricipali software di compressione video per Flash (Adobe Flash Video Exporter, Sorenson Squeeze 4.3, On2 Flix Pro 8.5).
Dal sito è quindi possibile confrontare fianco a fianco due versioni (codificate differentemente) dello stesso video per valutarne la resa qualitativa in relazione al tipo di compressione utilizzata.
L’intenzione è quella di fornire agli utenti uno strumento efficace per giudicare i vari tool di compressione dedicati a Flash senza prima doverli acquistare o (come qualcuno starà già pensando di fare…) scaricare abusivamente dalla rete.
Una versione riadattata del medesimo motore video è stata usata per convincere il team di “Lynda.com“, probabilmente la più grande azienda di “digital media training online”, ad adottare Flash come veicolo per i loro video corsi… eh si, alla Roguish sembrerebbero sapere il fatto loro!
Sul sito dell’Adobe trovate anche un’interessante articolo su come scegliere un Flash video encoder adatto ai vostri scopi, scritto dal buon Elliot Mebane, presidente della Roguish.
Autore:federico Categoria:Audio Video, Flash, Web Sites - Nessun Commento »
Un saluto a tutti ..