15 site-uri care fac lucruri uimitoare cu HTML5

Viitoarele site-uri HTML5 10 pentru a vedea ce HTML5 are toate cele 10 site-uri Web pentru a vedea ce HTML5 este totul despre citirea mai multor informații despre limba veche de 20 de ani HyperText Markup Language promite să aducă “web” experiență la un nivel complet nou, permițând browserului să facă mai mult atât din perspectivă vizuală, cât și din punct de vedere al datelor. Chiar dacă HTML5 este încă departe de a fi pe deplin implementat, acest lucru nu a împiedicat mulți dezvoltatori să-l împingă la limite.

Check out aceste site-uri uimitoare, care vă oferă o idee bună despre capacitățile HTML5 ca limbaj de programare, făcând lucrurile în browserul dvs. web, care au fost o singură dată posibilă într-un program sau un plugin extern. Le-am testat în Chrome și toate ar trebui să funcționeze într-un browser compatibil HTML5, cum ar fi Chrome, Firefox 4, Safari sau IE9. Ele sunt demo-uri și HTML5 este încă o lucrare în desfășurare, deci dacă aveți probleme de vizualizare a acestora, este posibil să doriți să încercați într-un alt browser. se bucura!

Arcade Fire - centrul Wilderness

Acesta este un demo bun făcut de Arcade Fire și Google, care oferă diferite trucuri HTML5 Canvas. Nu vreau să vă stricesc surpriza - introduceți adresa copilăriei dvs. și bucurați-vă de tehnica video și tehnică.

WebVenture

WebVenture este o implementare HTML5 și Javascript a platformei de jocuri MacVenture. Acum puteți juca Deja Vu 1 & 2, Shadowgate și Uninvited în browser-ul dvs.! Alte aplicații de jocuri, cum ar fi Wolfenstein 3D, sunt în curs de elaborare, aducând jocuri în browserul dvs..

20 lucruri pe care le-am învățat despre browsere și pe Web

Acest site de pe Google demo a “carte” o abordare stilistică a unei descrieri a funcționării browserelor web și a numărului de tehnologii care stau la baza acesteia. Impresionant din punct de vedere tehnic, este, de asemenea, un bun primer pentru cititorii care ar dori să știe mai multe despre modul în care funcționează web-ul.

Collaborative Drawing

Această demonstrație utilizează caracteristica webshop-urilor HTML5 pentru a permite spectatorilor să colaboreze - în același timp - să atragă pe panza.

[NU MAI MULTE LUCRARI] SketchPad

SketchPad este a “a picta” program pentru web. Acesta susține instrumentele rudimentare de desenare și se face numai în HTML5 și JavaScript.

Galactic Plunder

Galactic Plunder este un shooter spațial 2D implementat în HTML5. Nu la fel ca o caracteristică completă ca un shooter obișnuit scrolling lateral, se face în întregime în HTML5, care este impresionant în sine.

Efecte video

HTML5 vă permite să obțineți mult cu video pe web. Pe lângă faptul că vă permiteți să o redați fără browserul dvs. web, fără plugin, vă permite să manipulați videoclipul respectiv. Această demonstrație arată cum poți “Suflați-vă” pixelii unui videoclip în timpul redării.

Multiple fereastra mingea

Acest lucru demonstrează și efectul văzut și în videoclipul Arcade Fire. HTML5 vă permite să deschideți mai multe ferestre și să aveți obiecte între ele.

HTML5Rocks (Google)

HTML5 Rocks este o prezentare de diapozitive care demonstrează multe dintre caracteristicile speciale ale limbii HTML5. Dacă sunteți dezvoltator, vă oferă un exemplu de cod și vă permite să vedeți posibilitățile HTML5.

Ciclism cu culori pe 8 biți (cum ar fi jocurile de școală veche)

Dacă erai un jucător la începutul anilor '90, îți vei aminti de acest efect frumos. Deoarece puterea de calcul a fost limitată, designerii grafici au folosit "trucuri" pentru a emula imagini video într-o imagine statică. Acest efect de panza vă va arăta cum a fost făcut și include, de asemenea, multe exemple care sunt frumoase, de asemenea.

Experimente HTML5 de la Hakim.se

Acest site afișează numeroase demo-uri de jocuri și alte gadgeturi minunate pentru a arăta ce puteți face cu HTML5. Bun pentru inspirație și poate o scurtă deviere de timp.

Armonie

Harmony este un program de desen mic care vă permite să utilizați perii reci pentru a picta o imagine. Puteți crea lucruri, cum ar fi “blană” și “web” care sunt doar minunate pentru a vedea în creație.

Twitter / muzică Mashup

Acest mashup elegant de la @ 9elements gropi de muzică și puncte rotative cu mesaje de twitter despre HTML5. Greu de descris în practică, trebuie văzut că înțeleg!

Radiohead / HTML5 Mashup

Un alt mashup îngrijit pe care-l prăvălește pe Radiohead Idioteque cu un desen al lui Thom Yorke care este desenat pe măsură ce cântecul progresează. O alta “văzută a fi crezută” efect.

Vreau mai mult?

HTML5Demos / CanvasDemos

Aceste două site-uri web sunt create pentru a oferi o gamă largă de demonstrații ale HTML5 și ale efectelor HTML5 Canvas. De la mundane la “rece”, dacă sunteți însetat pentru mai mult, acestea sunt locurile de parcurs.

Există multe demo-uri ale HTML5 acolo pe internet acum - și este pe cale să devină noul standard al web-ului. Aveți demo-uri minunate pe care doriți să le împărtășiți? Vă rugăm să postați în comentariile de mai jos!