15 nettsteder som gjør fantastiske ting med HTML5

De kommende HTML5 10 nettstedene for å se hva HTML5 handler om 10 nettsteder for å se hva HTML5 handler om Les mer Oppdatering til 20-årige HyperText Markup Language lover å bringe “web” oppleve til et helt nytt nivå, slik at nettleseren kan gjøre mer fra både et visuelt og data perspektiv. Selv om HTML5 fortsatt er en god avstand fra å være fullt utplassert, har det ikke stoppet mange utviklere fra å skyve det til grensene.

Ta en titt på disse fantastiske nettstedene som virkelig gir deg en god ide om egenskapene til HTML5 som et programmeringsspråk, gjør ting i nettleseren din som bare en gang var mulig i et eksternt program eller et plugin. Jeg har testet dem i Chrome, og de burde alle fungere i en HTML5-kompatibel nettleser som Chrome, Firefox 4, Safari eller IE9. De er demoer, og HTML5 er fortsatt et pågående arbeid, så hvis du har problemer med å vise dem, vil du kanskje prøve i en annen nettleser. Nyt!

Arcade Fire - The Wilderness Downtown

Dette er en flott demonstrasjon gjort av Arcade Fire og Google, som har forskjellige HTML5 Canvas tricks. Jeg ønsker ikke å ødelegge overraskelsen for deg - skriv inn barndomsadressen din og nyt videoen og den tekniske trollmannen.

WebVenture

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

20 ting jeg lærte om nettlesere og Internett

Dette nettstedet fra Google-demoer a “bok” stilig tilnærming til en beskrivelse av hvordan nettlesere jobber og hvor mange av de underliggende teknologiene fungerer. Imponerende fra et teknisk synspunkt, er det også en god grunn til leserne som vil vite mer om hvordan nettet fungerer.

Samarbeidsteknologi

Denne demoen bruker HTML5 websockets-funksjonen for å tillate seerne å samarbeide - samtidig - tegne på lerretet.

[NO LONGER WORKS] SketchPad

SketchPad er en “maling” Program for Internett. Den støtter rudimentære tegneinstrumenter og er kun gjort i HTML5 og JavaScript.

Galaktisk plundering

Galactic Plunder er en 2D Space Shooter implementert i HTML5. Ikke helt som funksjonen fylt som en vanlig side scrolling shooter, er det gjort helt i HTML5 som er imponerende i seg selv.

Videoeffekter

HTML5 lar deg for mye med video på nettet. I tillegg til å la deg spille det uten nettleseren din, uten plugin, kan du manipulere den videoen. Denne demonstrasjonen viser hvordan du kan “Sprenge” pikslene i en video mens du spiller.

Flere vindusballer

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

HTML5Rocks (Google)

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

8-biters fargesykling (som Old School Games)

Hvis du var en gamer i begynnelsen av 90-tallet, vil du huske denne effekten kjærlig. Siden beregningsstyrken var begrenset, brukte grafiske designere "triks" til å etterligne video i et statisk bilde. Denne lerretseffekten vil vise deg hvordan den ble gjort, og inkluderer også mange eksempler som også er vakre.

HTML5 Eksperimenter fra Hakim.se

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

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 “web” som er bare kult å se i skapelsen.

Twitter / Musikk Mashup

Denne fine mashup fra @ 9elements pits musikk og roterende prikker med twitter innlegg om HTML5. Vanskelig å beskrive i praksis, må ses til å forstå!

Radiohead / HTML5 Mashup

En annen fin mashup som pusser Radiohead's Idioteque med en tegning av Thom Yorke som er tegnet som sangen utvikler seg. En annen “sett å bli trodd” effekt.

Ønsker mer?

HTML5Demos / CanvasDemos

Disse to nettstedene er satt opp for å gi visningene et bredt utvalg av demoer av HTML5 og HTML5 Lerrets effekter. Spenner fra det verdslige til “kul”, hvis du er tørst etter mer, er dette stedet å gå.

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? Vennligst legg inn i kommentarene nedenfor!