daniele rollo » browser

L’evoluzione del web in un’infografica interattiva

daniele — Fri, 02 Sep 2011 10:47:51 +0000

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 sviluppatori.

I cambiamenti dei browser sono raccontati attraverso gli screenshot di ciascuna release del browser.

La timeline è stata realizzata da Hyperakt e Vizzuality per Google e si basa su un’infografica statica fatta nel 2010 da MGMT per GOOD (pdf qui).

Farla finita con Explorer 6 (e salvare i gatti)?

daniele — Tue, 03 Mar 2009 22:22:26 +0000

Proprio mentre sto nuovamente impazzendo per far funzionare uno script su Internet Explorer 6, sembra che anche nel team di Gmail qualcuno abbia cominciato a stancarsi di quel broswer diabolico.
Così Gmail suggerise agli utenti del vecchio browser di passare una gmail più veloce (semplicemente cambiando browser – via)…

In effetti gli oppositori di IE6 in questo periodo sembrano essere tornati alla carica. Se si smette di supportare IE6 è sempre corretto invitare agli utenti che ancora lo adottano, di aggiornarlo alla versione 7, oppure passare a un altro browser.
(Oppure si può far sempre notare che ogni volta che lo si usa… si ammazza un gattino.)

PNG trasparenti anche su Internet Explorer 6, con Unit PNG fix

daniele — Wed, 30 Jul 2008 20:55:00 +0000

UNIT INTERACTIVE ha sviluppato uno script che permette di sfruttare a pieno le trasparenze delle immagini in formato PNG nel design della pagina html: Unit PNG fix.
Il problema con queste immagini, come molti di voi sapranno è che Internet Explorer 6 non supporta le trasparenze dei PNG.
Non sono certo mancati finora gli espedienti per risolvere il problema. Ultimo arrivato, Unit PNG fix è un file javascript di ridottissime dimensioni, che una volta richiamato nella pagina ci permette di utilizzare normalmente i file PNG e garantisce che le trasparenza vengano visualizzate correttamente anche su Internet Explorer 6, senza dover ricorrere ad ulteriori hack nel foglio di stile.

Il funzionamento è semplice: sfruttiamo i commenti condizionali per includere lo script se il browser che sta caricando la pagina è una versione di internet explorer precendente alla 7.

Ecco fatto, non dovremo più preoccuparci di Explorer 6, almeno per quanto riguarda le trasparenze… provare per credere . (update: nei commenti mi fanno gentilmente notare che la demo non funziona, per il momente verificate voi stessi l’affidabilità dello script, sul sito di unitpngfix)
(per non perdervi le prossime battaglie contro questo dannato browser, potete iscrivervi al feed rss…)

Filmati Flash SWF e video in formato FLV: una panoramica

daniele — Thu, 20 Mar 2008 11:46:28 +0000

Visto che in alcuni commenti ai post precedenti è emersa una certa confusione riguardo ai video in formato Flash che si trovano in rete, ho deciso di scrivere un breve post che sicuramente non dirà nulla di nuovo a chi già si occupa di video per il web, ma che invece può chiarire qualche dubbio ai meno esperti.

I video che vediamo sulle piattaforme di video sharing, e che troviamo nella maggior parte dei siti web, sono video in formato FLV.
FLV è un formato proprietario Adobe, ed è di fatto lo standard per la distribuzione dei video sul web.
Per poter inserire questo tipo di video all’interno di una pagina web è necessario un player SWF.
SWF è il formato dei video interattivi prodotti utilizzando Adobe Flash. In questo caso la tecnologia SWF serve a creare un contenitore in grado di riprodurre e controllare il flusso video FLV. Per creare un player quini per video FLV è necessario utilizzare Adobe Flash, mentre in rete non mancano anche player già pronti ed open source.

La visualizzazione del filmato FLV su un qualsiasi browser dipende quindi innanzitutto dalla possibilità di visualiizare il player SWF. Per poter visualizzare un qualsiasi file SWF su un browser, è necessario che sia installato il plugin Flash Player di Adobe. A seconda della versione di Flash utilizzata per creare il filmato SWF e delle caratteristiche del file, è necessario aver installato una versione più o meno recente del (plugin) Flash Player.

Ricapitolando: il video (FLV) viene riprodotto da un player (SWF) all’interno di un browser in cui è installato il giusto plugin (Adobe Flash player). Ma non è finita.

Il video FLV è un flusso di informazioni ovviamente codificate. La codifica originaria dei video FLV era una variante di H.263, realizzata da Sorenson. Da qualche mese i video FLV possono essere codificati anche con la potente H.264 (mpeg-4 parte 2). Quindi è possibile trovare file FLV codificati in maniera diversa. Si tratta di una differenza non da poco: incide ovviamente sulla qualità e sul bitrate del video da riprodurre, ma anche sui requisiti di sistema necessari a riprodurre il video. Se la codifica Sorenson è supportata da flash player a partire dalla versione 6, la codifica H.264 è supportata solo nelle ultime release della versione 9.

In rete quindi, oltre alle applicazioni desktop per riprodurre i video offline, possiamo trovare:

Player swf realizzati allo scopo di riprodurre video flv. [post]
Script per una corretta visualizzazione dei filmati Swf. [Post qui e qui]
E infine encoder per convertire video in altri formati proprio in FLV [post].