15 siti che fanno cose incredibili con HTML5
I prossimi siti Web HTML5 10 per vedere cosa HTML5 è tutto su 10 siti Web per vedere cosa è tutto HTML5 Leggi Ulteriori informazioni su HyperText Markup Language di 20 anni promette di portare “web” esperienza a un livello completamente nuovo, consentendo al browser di fare di più sia dal punto di vista visivo che di 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 uno sguardo a questi fantastici siti web che ti danno una buona idea delle capacità di HTML5 come linguaggio di programmazione, facendo cose nel tuo browser che una volta erano possibili solo in un programma o plugin esterno. Li ho provati in Chrome e tutti dovrebbero funzionare in un browser compatibile con HTML5 come Chrome, Firefox 4, Safari o IE9. Sono demo e HTML5 è ancora in fase di sviluppo, quindi se hai problemi a visualizzarli potresti provare a provare in un altro browser. Godere!
Arcade Fire - The Wilderness Downtown
Questa è una grande demo fatta da Arcade Fire e Google che presentano diversi trucchi HTML5 Canvas. Non voglio rovinare la sorpresa per te - inserisci l'indirizzo della tua infanzia e goditi il video e le magie tecniche.
WebVenture
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 giochi come Wolfenstein 3D sono state elaborate, portando i giochi nel tuo browser.
20 cose che ho imparato sui browser e sul Web
Questo sito da Demo di Google a “libro” approccio stilato a una descrizione su come funzionano i browser Web e su quante delle tecnologie sottostanti funzionano. Impressionante dal punto di vista tecnico, è anche un buon primer per i lettori che vorrebbero saperne di più su come funziona il web.
Disegno collaborativo
Questa demo utilizza la funzionalità Websocket HTML5 per consentire agli spettatori di collaborare contemporaneamente allo stesso tempo sul disegno.
[NO LONGER WORKS] SketchPad
SketchPad è un “dipingere” programma per il web. Supporta strumenti di disegno rudimentale ed è fatto solo in HTML5 e JavaScript.
Saccheggio galattico
Galactic Plunder è uno sparatutto spaziale 2D implementato in HTML5. Non del tutto ripieno di funzionalità come un normale sparatutto a scorrimento laterale, è interamente realizzato in HTML5 che è di per sé impressionante.
Effetti video
HTML5 ti consente di fare molto con i video sul Web. Oltre a permetterti di giocare senza il tuo browser web, senza plugin, ti permette di manipolare quel video. Questa demo mostra come puoi “Saltare” i pixel di un video durante la riproduzione.
Sfera multipla per finestre
Questo dimostra ed ha effetto anche nel video di Arcade Fire. HTML5 ti consente di aprire più finestre e spostare oggetti tra di loro.
HTML5Rocks (Google)
HTML5 Rocks è una presentazione che dimostra molte delle caratteristiche speciali del linguaggio HTML5. Se sei uno sviluppatore ti dà il codice di esempio e ti permette di vedere le possibilità di HTML5.
8-bit Color Cycling (come i giochi della vecchia scuola)
Se fossi 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 di Hakim.se
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 svago.
Armonia
Harmony è un piccolo programma di disegno che ti permette di usare pennelli fantastici per dipingere un'immagine. Puoi creare cose come “pelliccia” e “web” che sono fantastici da vedere nella creazione.
Twitter / Music Mashup
Questo mashup ordinato di @ 9elements contiene musica e punti rotanti con messaggi di Twitter su HTML5. Difficile da descrivere nella pratica, deve essere visto per capire!
Radiohead / HTML5 Mashup
Un altro mashup ordinato che mette a confronto i Radiohead Idioteque con un disegno di Thom Yorke che viene disegnato mentre la canzone avanza. Un altro “visto per essere creduto” effetto.
Voglio di più?
HTML5Demos / CanvasDemos
Questi due siti Web sono impostati per offrire una vasta gamma di demo di HTML5 e degli effetti Canvas HTML5. Che va dal mondano al “freddo”, se hai sete di più questi sono i posti dove andare.
Ora ci sono molte demo di HTML5 su Internet - ed è sulla buona strada per diventare il nuovo standard del web. Hai fantastici demo che vorresti condividere? Si prega di postare nei commenti qui sotto!
Scopri di più su: HTML, HTML5, Web Design, Sviluppo Web.