Category Archives: Webdesigner

Animatable: uno showcase di animazioni con CSS3

Lea Verou ha messo on line Animatable, uno showcase di animazioni applicate a elementi html. Tutto fatto con CSS. Date un’occhiata: animatable.

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

Animazioni CSS sulla pagina di iPhone 4s

La pagina di iPhone 4S sul sito Apple è in gran parte occupata da una presentazione animata che mostra le principali caratteristiche dello smartphone. Un bel modo di utilizzare le animazioni CSS e provare a realizzare uno slideshow decisamente più … Continue reading

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

Joyride: fare il tour di una pagina web con un plugin jquery

Capita spesso, quando si apre per la prima volta una pagina web che contiene un’interfaccia più o meno complessa, di venire “accompagnati” passo dopo passo, tra le varie funzionalità dell’interfaccia. Il meccanismo è semplice: si apre un tooltip in corrispondenza … Continue reading

Posted in Webdesigner | Tagged , , | Leave a comment

Timeline html con jQuery, un plugin

La scelta di Facebook di rappresentare il profilo dell’utente con una timeline ha reso evidente il successo di uno strumento che negli ultimi mesi era diventato sempre più di utilizzato. In effetti, anche prima della timeline di facebook avevamo visto … Continue reading

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

Privacy basata sulla geolocalizzazione: le geofences di Flickr

Flickr ha presentato un nuovo modo per impostare il livello di privacy delle fotografie caricate dagli utenti. Creando una geofence, l’utente imposta un determinato livello di privacy (pubblica, solo amici, solo famiglia ecc.) per tutte le foto scattate (geolocalizzate) in … Continue reading

Posted in Webdesigner, webapp | 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

Un pizzico di gamification anche per twitter

Usare meccaniche tipiche dei giochi per spingere l’utente a un determinato comportamento: è la gamification, un approccio usato molto spesso nel webdesign. Su thinkvitamin.com Ryan Carson fa notare che anche twitter riccore a un pizzico di gamification: per spingere l’utente … Continue reading

Posted in Segnalazioni, Webdesigner | 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

Pulsanti con pattern di sfondo, tutto con CSS3

Lea Verou in questo post ha spiegato una tecnica interessante per applicare semplici pattern su elementi html sfruttando CSS3. La tecnica si basa sull’attributo color-stop che viene specificato per il gradiente: indicando due color-stop con la stessa posizione, è possibile … Continue reading

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

La censura su internet in cinque grafici

Yuxiyou.net pubblica una slideshow che racconta lo stato della censura di internet. L’ironico titolo iniziale “So you still think the Internet is free” precede cinque bellissimi grafici che uno dopo l’altro raccontano in quali paesi e a che livello la … Continue reading

Posted in Infografica, Webdesigner, information design | 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

La presentazione interattiva del discorso sullo stato dell’unione, sul Guardian

Mercoledì 29 gennaio Obama ha tenuto il discorso sullo stato dell’Unione. Il presidente USA ha parlato per 71 minuti. I passaggi interessanti del discorso sono naturalmente tanti. Per cui il Guardian ha deciso di fornire ai suoi utenti una interactive … Continue reading

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

Personalizzare la finestra di dialogo aperta dalla funzione CONFIRM

La funzione javascript CONFIRM apre una finestra di dialogo predefinita dal browser e restituisce true o false, rispettivamente se l’utente OK oppure ANNULLA. l’aspetto della finestra è quello previsto dal browser che l’utente sta utilizzando. Nulla contro le impostazioni di … Continue reading

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

Interattivo: la timeline della carriera di Mubarak sul NYT

Notevole timeline del New York Times che visualizza in un colpo d’occhio la presidenza di Mubarak in Egitto dal 1981 a oggi. . Cliccando sulle “milestone” in timeline, si apre un slide che presenta e spiega l’evento attraverso testi e … Continue reading

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

Qwiki, l’enciclopedia video

Visibile la versione alpha di Qwiki una video enciclopedia che si presenta con un’ambizioso claim “The information experience”. L’idea è di fornire una presentazione multimediale delle informazioni che l’utente sta cercando: quindi pochissimo testo, ma immagini, mappe, video, grafici, e … Continue reading

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