www.youtube.com/watch?v=-ZTRPJMpsuI

I font di google e le spiegazioni su come utilizzarli sono reperibili nella Google Fonts Directory.

Html5 advent(ure) calendar è un simpatico raccoglitore di demo html5, ogni giorno del mese si aggiungono alcune demo interessanti sui vari tag, divertente ed interessante.

Html5 Rocks fornisce invece una presentazione delle caratteristiche di html5 e un “code playground” in cui si possono fare esperimenti live sui codici, codici di esempio e consigli vari.

Html5 Demos è un raccoglitore di demo html5 suddivisi per tag, molto comodo a scopi didattici, interessantissime le demo sui web sockets per esempio.

Per utilizzarlo è sufficiente ricopiare l’url del filmato desiderato nel campo query del sito (minimale come quello di un motore di ricerca) e premere “Convert”, in pochi minuti potrete vedere il video desiderato.

Maggiori info sul player html5 di Vimeo sul blog di Vimeo

jPlayer è un plug-in per jQuery che consente di:

• suonare ed avere pieno controllo dei file audio nella tua pagina web.
• creare e disegnare un player audio soltanto con HTML e CSS
• aggiungere effeti sonori ai tuoi progetti jQuery
• utilizzare le caratteristiche di streaming veloci di HTML5in mp3 e ogg.

Tutto questo è ottenuto con HTML5 in mp3 e ogg dove disponibile, e in mp3 con un player Flash invisibile per gli altri browser.

Per prima cosa ricordiamoci di rendere disponibili sul server due versioni del file audio: in formato mp3 ed ogg.
(Vedi anche: Convertire mp3 in ogg vorbis)

Poi dove ci serve nella pagina inseriamo il seguente Tag audio:

1
2
3
4
5

 <audio controls="true" autobuffer="true">
            <source src="music/esempio.mp3" type="audio/mpeg">
            <source src="music/esempio.ogg" type="audio/ogg">
 Questo browser non supporta html5 audio.
 </audio>

Usate i path corretti per i vostri file audio e vedrete un risultato simile a questo:

Il brano è una mia creazione con garageband quindi tappatevi le orecchie prima di premere play

Come rendere Internet Explorer compatibile con le attuali tecnologie del web e vivere felici.

Google Chrome Frame è un neonato plugin open source che porta in Internet Explorer il rispetto degli standard web, il nuovo html5 e il motore javascript di Google Chrome.

Con Google Chrome Frame sarà possibile (il prodotto è ancora in fase sperimentale)
usare funzioni come il video html5, il tag canvas, il miglior rispetto delle regole css, in Internet Explorer 6, 7, or 8.

Per attivare le funzionalità del chrome frame basterà aggiungere nei primi 1024 byte dell’header html il meta tag:

<meta http-equiv="X-UA-Compatible" content="chrome=1">

Il sito ufficiale presenta anche un javascript di rilevamento del GCF e di auto-installazione per internet explorer 6,7,8 su 7, XP e VISTA, le precedenti versioni di windows non sono e non saranno supportate.

Con google chrome frame perfino Internet Explorer passa al 100% l’acid test.

Vi rimando al sito del progetto Google Chrome Frame per ulteriori informazioni

Le novità più importanti a mio avviso sono:

• nuovo motore di rendering Gecko 1.9.2;
• capacità di esecuzione dei JavaScript in modalità asincrona.
• supporto alle API Drag & Drop e File di HTML5.
• completo supporto alle specifiche CSS3 e DOM
• supporto nativo al WOFF (Web Open Font Format);

Interessanti anche le funzioni per dispositivi mobili e per il multimedia:

• geolocalizzazione evoluta
• orientamento della pagina
• utilizzo di suoni , riproduzione di video nativo in modalità a pieno schermo.

Poi c’è un curioso gestore di temi chiamato Personas e vari accorgimenti di sicurezza per i plugin.

Tristemente tutte queste novità restano quasi inutilizzabili a noi sviluppatori, almeno fino alla morte di Explorer su internet.