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!
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.
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.
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
Denne demoen bruker HTML5 nettstikkontakter funksjon for å la seerne samarbeide - samtidig - trekke på lerretet.
SketchPad er et "maling" -program for nettet. Den støtter rudimentære tegneinstrumenter og gjøres bare i HTML5 og JavaScript.
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 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
Dette demonstrerer og virker også i Arcade Fire-videoen. HTML5 lar deg åpne flere vinduer og få objekter til å bevege seg mellom dem.
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.
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]
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.
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.
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
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?
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.