Tag Archives: javascript

Far interagire gli utenti con il video: Popcorn e un documentario interattivo sulla riqualificazione urbana

Popcorn è un progetto Mozilla che mette a disposizione strumenti e software che permettono a sviluppatori e creativi di arricchire video e audio con contenuti web. Il cardine del progetto è Popcorn.js, una libreria javascript che facilita l’integrazione di un … Continue reading

Posted in Interactive, Video, information design | 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

Raccontare il prima e dopo: il terremoto in Giappone

Tutte le principali testate d’informazione on line aprono in questi giorni con le notizie relative al terremoto e allo tsunami in Giappone. Moltissime foto e video per raccontare questi eventi, ma anche numerosi tentativi di utilizzare strumenti più interattivi. Una … Continue reading

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

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

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

Filmati SWF nella pagina con Swfobject e jQuery

Se utilizzate SWFobject per embeddare correttamente nella pagina web i filmati flash in formato SWF (trovate tutte le ragioni per farlo, e come farlo, in questo post su swfobject e file flash che ho scritto qualche mese fa), e al … Continue reading

Posted in Varie | Tagged , , , , , | 2 Comments

Twitter for developers!

Se siete su twitter ci sono tra gli altri  un paio di account che potete seguire (oltre il mio). @mootols: l’account della ormai celebre libreria javascript rilancia snippet, plugin, tutorial e in generale spunti legati a mootools, appunto. Ovviamente è … Continue reading

Posted in Segnalazioni, Webdesigner | Tagged , , , | 1 Comment

Flv in una pagina web con flowplayer

Abbiamo già visto in passato come inserire un video in formato FLV in una pagina Html, utilizzando javascript ed il player flash di Jeroen Wijering. In particolare avevamo visto come l’utilizzo di script come SWFobject, o UFO, fosse necessario per … Continue reading

Posted in Tutorial, Webdesigner | Tagged , , , | 7 Comments

Obbligare Internet Explorer 6 a comportarsi come IE7

Ie7.js è uno script che una volta incluso nella pagina web, obbliga Internet explorer 6 a renderizzare la pagina nello stesso modo in cui la visualizzerebbe Explorer 7. Lo script (che ovviamente non funziona se l’utente ha javascript disabilitato) pone … Continue reading

Posted in Segnalazioni, Webdesigner | Tagged , | 2 Comments

Tab con jQuery: il plugin idTabs

Esistono diverse risosrse per creare tab più o meno sofisticate con jQuery: Tabs 3 per esempio, incluso nella jQuery U.I, e che dovrebbe riuscire a soddisfare tutte le vostre esigenze (parlo di tab s’intende), fino ad arrivare a qualcosa di … Continue reading

Posted in Segnalazioni, Tutorial, Webdesigner | Tagged , | 1 Comment

Scroller RSS con jQuery e Simplepie: variante #3

Ho realizzato una nuova variante dello scroller Rss, che abbiamo visto in questo post. In questo caso lo scroller visualizza un solo item per volta: la differenza sostanziale rispetto al primo esempio è che lo scrolling avviene in senso orizzontale. Continue reading

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

Scroller Rss con Jquery e Simplepie: variante 2

Parsare un feed rss con Simplepie e visualizzarlo in maniera intelligente, e graficamente accativantre sfruttando le potenzialità di jQuery e Serialscroll: Rssscroller, ecco la variante n.2. Continue reading

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

Creare uno scroller di rss con Simplepie e jQuery

Una buona idea per proporre il contenuto di un feed rss all’interno di una pagina web, può essere quella di inserire i vari item all’interno di un box, e rendere questo box scrollabile in modo che l’utente possa visualizzare gli item precedenti o successivi. Nel tutorial realizzeremo proprio questo. Continue reading

Posted in Tutorial, Webdesigner | Tagged , , , , | 8 Comments