15 siti che fanno cose incredibili con HTML5

Annuncio pubblicitario

L'imminente HTML5 10 siti web per vedere di cosa tratta HTML5 Leggi di più l'aggiornamento al linguaggio HyperText Markup di 20 anni promette di portare l'esperienza del "web" a un livello completamente nuovo, consentendo al browser di fare di più sia dal punto di vista visivo che dei dati. Anche se HTML5 è ancora a una buona distanza dall'essere completamente implementato, ciò non ha impedito a molti sviluppatori di spingerlo al limite.

Dai un'occhiata a questi fantastici siti Web che ti danno davvero una buona idea delle capacità di HTML5 come linguaggio di programmazione, facendo cose nel tuo browser web che una volta erano possibili solo in un programma esterno o collegare. Li ho testati su Chrome e dovrebbero funzionare tutti in un browser compatibile con HTML5 come Chrome, Firefox 4, Safari o IE9. Sono demo e HTML5 è ancora in fase di elaborazione, quindi se hai problemi a visualizzarli potresti provare in un altro browser. Godere!

Questa è una fantastica demo fatta da Arcade Fire e Google che presenta diversi trucchi HTML5 Canvas. Non voglio rovinare la sorpresa per te: inserisci il tuo indirizzo d'infanzia e goditi il ​​video e la magia tecnica.

WebVenture è un'implementazione HTML5 e Javascript della piattaforma di gioco MacVenture. Ora puoi giocare a Deja Vu 1 & 2, Shadowgate e Uninvited direttamente nel tuo browser! Altre implementazioni di gioco come Wolfenstein 3D ci stiamo lavorando, portando il gioco nel tuo browser.

Questo sito di Google mostra un approccio in stile "libro" a una descrizione di come funzionano i browser Web e quante delle tecnologie sottostanti funzionano. Impressionante dal punto di vista tecnico, è anche un buon primer per i lettori che desiderano sapere di più su come funziona il web.

Disegno collaborativo

Questa demo usa il Websocket HTML5 funzione per consentire agli utenti di collaborare, allo stesso tempo, a disegnare sulla tela.

SketchPad è un programma "paint" per il web. Supporta strumenti di disegno rudimentali ed è fatto solo in HTML5 e JavaScript.

Galactic Plunder è uno sparatutto spaziale 2D implementato in HTML5. Non abbastanza pieno come un normale sparatutto a scorrimento laterale, è fatto interamente in HTML5 che è impressionante in sé.

HTML5 ti permette di fare molto con i video sul web. Oltre a consentirti di riprodurlo senza il tuo browser web, senza plug-in, ti consente di manipolare quel video. Questa demo mostra come è possibile "far saltare" i pixel di un video durante la riproduzione.

Sfera multipla

Ciò dimostra e l'effetto si vede anche nel video di Arcade Fire. HTML5 ti consente di aprire più finestre e far muovere gli oggetti tra loro.

HTML5 Rocks è una presentazione che mostra molte delle caratteristiche speciali del linguaggio HTML5. Se sei uno sviluppatore ti fornisce un codice di esempio e ti consente di vedere le possibilità di HTML5.

Se eri un giocatore nei primi anni '90, ricorderai questo effetto con affetto. Poiché la potenza computazionale era limitata, i grafici hanno usato "trucchi" per emulare il video in un'immagine statica. Questo effetto tela ti mostrerà come è stato fatto e include anche molti esempi che sono anche belli.

Esperimenti HTML5 da Hakim.se [Non più disponibile]

Questo sito elenca molte demo di giochi e altri piccoli gadget per mostrare cosa puoi fare con HTML5. Buono per l'ispirazione e forse un po 'di diversivo.

Harmony è un piccolo programma di disegno che ti consente di utilizzare pennelli fantastici per dipingere un'immagine. Puoi creare cose come "fur" e "web" che sono semplicemente fantastici da vedere nella creazione.

Questo mashup pulito da @ 9elements aggiunge musica e punti rotanti con post di Twitter su HTML5. Difficile da descrivere in pratica, deve essere visto per capire!

Radiohead / HTML5 Mashup

Un altro mashup pulito che punge i Radiohead Idioteque con un disegno di Thom Yorke che viene disegnato mentre la canzone avanza. Un altro effetto "visto per essere creduto".

Voglio di più?

Questi due siti Web sono impostati per offrire una vasta gamma di demo di HTML5 e gli effetti HTML5 Canvas. Che vanno dal banale al "cool", se hai sete di più questi sono i posti dove andare.

Ora ci sono molte demo di HTML5 disponibili su Internet - ed è sulla buona strada per diventare il nuovo standard del web. Hai delle demo fantastiche che vorresti condividere? Si prega di pubblicare nei commenti qui sotto!