Tag Archives: html5

Visualizzare la crisi: chi è indebitato con chi, un’infografica di BBC News

Dopo la visualizzazione sul NYT che mostrava le relazioni economiche tra i paesi dell’area europea in termini di “contagio”, questa volta è BBC News che prova a sintetizzare in un’infografica interattiva i rapporti tra gli Stati, concentrandosi in particolare sul … Continue reading

Posted in Infografica, Interactive, information design | Tagged , | Leave a comment

Mappe interattive: visualizzare i fenomeni migratori con html5

Il successo dell’infografica e delle visualizzazioni interattive passa anche attraverso la diffusione delle mappe. In pochi giorni ritrovo nel mio feed reader due notevoli esempi di mappe interattive, entrambi in html5, entrambi fatti per visualizzare fenomeni migratori. Su Personal Report … Continue reading

Posted in Infografica, Interactive, information design | Tagged , | Leave a comment

Una webapp per calcolare quanti schiavi hai

Slavery Footprint è una specie di questionario in 11 passi che raccoglie alcune informazioni sulle abitudini dell’utente, in base alle quali esprime – appunto – uno slavery footprint, ovvero il numero di schiavi necessari per sostenere lo stile di vita … Continue reading

Posted in Interactive, Varie | Tagged , | Leave a comment

La crisi economica in Europa visualizzata, sul NYT

Assolutamente da vedere questa visualizzazione interattiva della crisi economica in Europa, fatta dal New York Times. La situazione, attuale, i rischi del contagio, europeo e intercontinentale, i possibili scenari, le ripercussioni globali: tutto fatto con pochi cerchi, tre colori, qualche … Continue reading

Posted in Infografica, Interactive, information design | Tagged , | Leave a comment

Una timeline html5 anche per Toyota

Segnalazione rapida con la quale aggiungiamo un altro tassello all’elenco di timeline che da un po’ di tempo sono così di moda: Toyota Prius Project, un sito che è tutta una timeline (molto bella a dire il vero). La linea … Continue reading

Posted in Infografica, Interactive, information design | Tagged , , | Leave a comment

L’evoluzione del web in un’infografica interattiva

Assolutamente da vedere questa bellissima infografica interattiva, The evolution of the web: una timeline in html5 che racconta come è cambiato il web, mettendo in parallelo l’evoluzione dei singoli browser con le tecnologie che nel tempo sono state adottate dagli … Continue reading

Posted in Infografica, Interactive, information design | Tagged , , | Leave a comment

Il Planetarium in html5

In occasione del lancio di Firefox 4, la galleria delle meraviglie open di Mozilla (web’o’wonder gallery) presenta una nuova bellissima web-app che è un esempio concreto di come si possa usare html5 per creare una brillante infografica interattiva. Da vedere: … Continue reading

Posted in Infografica, Interactive, Webdesigner, information design | Tagged , , , | Leave a comment

Perchè (e come) il futuro delle app è HTML5

Segnalo, a chi non l’avesse ancora letto, Verso un mondo di (web) apps: un post di Matteo Barbero, che parte dalla constatazione di Chris Anderson e Micheal Wolf “the web is dead” per mostrare come invece ci potrebbe attendere un … Continue reading

Posted in Mobile, Segnalazioni, Webdesigner | Tagged , | Leave a comment

Malditesta da iPad+HTML5

Miller Medeiros pubblica un post dal titolo “iPad is the new IE6″. Secondo Medeiros i designer si aspettano molto da HTML5, ma i browser (in particolare Safari iOS, quello dell’iPad) non lo supportano perfettamente e sono pieni di bug. Sta … Continue reading

Posted in Mobile, Segnalazioni, Webdesigner | Tagged , , , , | Leave a comment

HTML5 in un’infografica

Focus.com pubblica una bella infografica che spiega gli aspetti fondamentali di html5. Dovendo scegliere mette in primo piano l’elemento canvas, l’elemento video, la geolocalizzaione, e le webapplication offline. Poi nel dettaglio viene visualizzato il supporto fornito dai maggiori browser alle … Continue reading

Posted in Infografica, Webdesigner | Tagged | Leave a comment

Immagini da bianco e nero a colori per un effetto hover

Un effetto relativamente comune utilizzato per evidenziare un’immagine con un link è quello di far sì che l’imamgine raggiunga il 100% di opacità solo al passaggio del mouse, mentre in uno stato “normale”, non :hover, l’immagine è più o meno … Continue reading

Posted in Segnalazioni, Webdesigner | Tagged , , , , , | Leave a comment