Annonse

Det forestående HTML5 10 nettsteder for å se hva HTML5 handler om Les mer oppdatering til den 20 år gamle HyperText Markup Language lover å bringe "web" -opplevelsen til et helt nytt nivå, slik at nettleseren kan gjøre mer fra både et visuelt og dataperspektiv. Selv om HTML5 fremdeles er et godt stykke unna å bli distribuert, har det ikke stoppet mange utviklere fra å presse det til grensene.

Ta en titt på disse fantastiske nettstedene som virkelig gir deg en god ide om egenskapene til HTML5 som en programmeringsspråk, gjøre ting i nettleseren din som en gang bare var mulig i et eksternt program eller plugg inn. Jeg har testet dem i Chrome, og de skal alle fungere i en HTML5-kompatibel nettleser som Chrome, Firefox 4, Safari eller IE9. Dette er demonstrasjoner og HTML5 er fremdeles et arbeid som pågår, så hvis du har problemer med å se dem, kan det være lurt å prøve i en annen nettleser. Nyt!

hva er html5

Dette er en flott demo gjort av Arcade Fire og Google som har forskjellige HTML5-lerrettriks. Jeg vil ikke skjemme bort overraskelsen for deg - skriv inn din barndomsadresse og nyt videoen og teknisk veiviser.

instagram viewer

dykke ned i html5

WebVenture er en HTML5 og Javascript implementering av MacVenture spillplattform. Du kan nå spille Deja Vu 1 & 2, Shadowgate og Uninvited rett i nettleseren din! Andre spillimplementeringer som Wolfenstein 3D Det jobbes med, og bringer spill inn i nettleseren din.

dykke ned i html5

Dette nettstedet fra Google viser en "bok" -stilnærming til en beskrivelse av hvordan nettlesere fungerer og hvor mange av de underliggende teknologiene fungerer. Teknisk sett er det imponerende, og det er også en god grunn for lesere som ønsker å vite mer om hvordan nettet fungerer.

Samarbeidstegning

dykke ned i html5

Denne demoen bruker HTML5 nettstikkontakter funksjon for å la seerne samarbeide - samtidig - trekke på lerretet.

html5 opplæring

SketchPad er et "maling" -program for nettet. Den støtter rudimentære tegneinstrumenter og gjøres bare i HTML5 og JavaScript.

html5 opplæring

Galactic Plunder er en 2D Space Shooter implementert i HTML5. Ikke fullt så funksjonen som en vanlig sidescroller, den gjøres helt i HTML5, noe som er imponerende i seg selv.

html5 opplæring

HTML5 lar deg gjøre mye med video på nettet. I tillegg til å la deg spille den uten nettleseren din, uten plugin, lar den deg manipulere den videoen. Denne demonstrasjonen viser hvordan du kan "blåse opp" pikslene til en video mens du spiller.

Flere vinduskuler

15 nettsteder som gjør fantastiske ting med HTML5 ballvindu

Dette demonstrerer og virker også i Arcade Fire-videoen. HTML5 lar deg åpne flere vinduer og få objekter til å bevege seg mellom dem.

15 nettsteder som gjør fantastiske ting med HTML5 html5rocks

HTML5 Rocks er en lysbildefremvisning som demonstrerer mange av de spesielle egenskapene til HTML5-språket. Hvis du er en utvikler, gir den deg prøvekode og lar deg se mulighetene for HTML5.

15 nettsteder som gjør fantastiske ting med HTML5-syklus

Hvis du var en spiller tidlig på 90-tallet, vil du huske denne effekten. Siden beregningsmakt var begrenset, brukte grafiske designere ‘triks’ for å emulere video i et statisk bilde. Denne lerretseffekten vil vise deg hvordan det ble gjort, og inkluderer også mange eksempler som også er vakre.

HTML5-eksperimenter fra Hakim.se [Ikke lenger tilgjengelig]

15 nettsteder som gjør fantastiske ting med HTML5 corecanvas

Dette nettstedet viser mange demoer av spill og andre små små gadgets for å vise frem hva du kan gjøre med HTML5. Bra for inspirasjon og kanskje litt tidsavledning.

15 nettsteder som gjør fantastiske ting med HTML5-harmoni

Harmony er et pent lite tegneprogram som lar deg bruke kule børster til å male et bilde. Du kan lage ting som "pels" og "nett" som det er kult å se i skapelsen.

15 nettsteder som gjør fantastiske ting med HTML5 9-elementer

Denne pene mashupen fra @ 9elements putter musikk og roterende prikker med twitterinnlegg om HTML5. Vanskelig å beskrive i praksis, må sees for å forstå!

Radiohead / HTML5 Mashup

15 nettsteder som gjør fantastiske ting med HTML5 radiohode

Nok en fin mashup som pits Radioheads Idioteque med en tegning av Thom Yorke som tegnes etter hvert som sangen skrider frem. En annen “sett på å bli trodd” -effekt.

Ønsker mer?

hva er html5

Disse to nettstedene er satt opp for å gi visninger et bredt utvalg av demoer av HTML5 og HTML5 Canvas-effekter. Alt fra det verdige til det "kule", hvis du er tørst etter mer, er dette stedet å dra.

Det er mange demoer av HTML5 der ute på internett nå - og det er godt på vei til å bli den nye standarden på nettet. Har du fantastiske demoer du vil dele? Legg inn kommentarene nedenfor!

Dave Drager jobber hos XDA Developers i forstedene til Philadelphia, PA.