Publicitate
Următorul HTML5 10 site-uri web pentru a vedea ce este HTML5 Citeste mai mult actualizare la HyperText Markup Language, în vârstă de 20 de ani, promite să aducă experiența „web” la un nivel cu totul nou, permițând browserului să facă mai mult atât din punct de vedere vizual cât și al datelor. Chiar dacă HTML5 este încă la o distanță bună de a fi complet implementat, acest lucru nu a împiedicat mulți dezvoltatori să-l împingă la limită.
Consultați aceste site-uri web uimitoare care vă oferă cu adevărat o idee bună cu privire la capacitățile HTML5 ca limbaj de programare, făcând lucruri din browserul dvs. web care au fost odată posibile doar într-un program extern sau conecteaza. 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. Acestea sunt demo-uri, iar HTML5 este încă o lucrare în desfășurare, așa că dacă aveți probleme la vizualizarea acestora, poate doriți să încercați într-un alt browser. Bucurați-vă!
Aceasta este o demo excelentă realizată de Arcade Fire și Google, care prezintă diferite trucuri Canvas HTML5. Nu vreau să vă stric surpriza pentru dvs. - introduceți adresa copilăriei dvs. și bucurați-vă de video și vrăjitorie tehnică.
WebVenture este o implementare HTML5 și Javascript a platformei de jocuri MacVenture. Acum puteți juca Deja Vu 1 & 2, Shadowgate și Uninvited chiar în browserul dvs.! Alte implementări de joc, cum ar fi Wolfenstein 3D sunt lucrate, aducând jocuri în browser.
Acest site de la Google demonstrează o abordare „carte” în stil a unei descrieri despre modul în care funcționează browserele web și cât de multe dintre tehnologiile de bază funcționează. Impresionant din punct de vedere tehnic, este, de asemenea, un primer bun pentru cititorii care ar dori să afle mai multe despre cum funcționează web-ul.
Desen colaborativ
Acest demo folosește Websocket-uri HTML5 caracteristică pentru a permite spectatorilor să colaboreze - în același timp - să atragă pe pânză.
SketchPad este un program „vopsea” pentru web. Acceptă instrumente de desen rudimentare și se realizează numai în HTML5 și JavaScript.
Galactic Plunder este un shooter spațial 2D implementat în HTML5. Nu este la fel de caracteristică umplută ca un shooter cu defilare laterală normală, este făcută în întregime în HTML5, care este impresionant în sine.
HTML5 vă permite să vă mulțumiți cu video pe web. Pe lângă faptul că vă permite să-l redați fără browser-ul dvs. web, fără niciun plugin, vă permite să manipulați acest videoclip. Această demonstrație arată cum puteți „Arunca în aer” pixelii unui videoclip în timpul redării.
Mingea ferestrei multiple
Acest lucru demonstrează și are efect și în videoclipul Arcade Fire. HTML5 vă permite să deschideți mai multe ferestre și să vă mutați obiecte între ele.
HTML5 Rocks este o prezentare de diapozitive care demonstrează multe dintre caracteristicile speciale ale limbajului HTML5. Dacă sunteți dezvoltator, vă oferă un exemplu de cod și vă permite să vedeți posibilitățile HTML5.
Dacă ai fost jucător la începutul anilor 90, îți vei aminti cu drag de acest efect. Deoarece puterea de calcul a fost limitată, designerii grafici au folosit „trucuri” pentru a imita video într-o imagine statică. Acest efect de pânză vă va arăta cum a fost realizat și include, de asemenea, multe exemple care sunt frumoase.
Experimente HTML5 de la Hakim.se [Nu mai sunt disponibile]
Acest site listează numeroase demo-uri de jocuri și alte gadgeturi mici pentru a arăta ce poți face cu HTML5. Este bun pentru inspirație și poate pentru o mică diversiune de timp.
Harmony este un mic program frumos de desen care vă permite să folosiți perii reci pentru a picta o imagine. Puteți crea lucruri precum „blană” și „pânză” care sunt doar superbe în creație.
Acest mashup îngrijit din @ 9elements găsește muzică și puncte rotative cu postări pe twitter despre HTML5. Greu de descris în practică, trebuie văzut pentru a înțelege!
Radiohead / HTML5 Mashup
Un alt mashup îngrijit care se potrivește cu Radiohead Idioteque cu un desen al lui Thom Yorke care este desenat pe măsură ce melodia avansează. Un alt efect „se vede că se crede”.
Vreau mai mult?
Aceste două site-uri web sunt create pentru a oferi vizionări o mare varietate de demonstrații de HTML5 și efecte HTML5 Canvas. De la lume la „rece”, dacă îți este sete de mai multe, acestea sunt locurile de plecat.
Există multe demo-uri HTML5 pe internet acum - și este pe cale să devină noul standard al web-ului. Ai demonstrații minunate pe care ai vrea să le distribuie? Vă rugăm să postați comentariile de mai jos!
Dave Drager lucrează la XDA Developers în suburbiile din Philadelphia, PA.
