15 nettsteder som gjør fantastiske ting med HTML5

Annonse

Annonse
Annonse

hva er 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 webopplevelsen til et helt nytt nivå, slik at nettleseren kan gjør 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

hva er html5

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

dykk inn i html5

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

dykk inn i html5

Dette nettstedet fra Google demoer en "bokstilt" 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

dykk inn i html5

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

[NO LONGER WORKS] SketchPad

html5 opplæring

SketchPad er et "paint" -program for nettet. Den støtter rudimentære tegneinstrumenter og er kun gjort i HTML5 og JavaScript.

Galaktisk plundering

html5 opplæring

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 opplæring

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 til en video mens du spiller.

Flere vindusballer

15 nettsteder som gjør fantastiske ting med HTML5 ballwindow

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

HTML5Rocks (Google)

15 nettsteder som gjør fantastiske ting med HTML5 html5rocks

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)

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

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

15 nettsteder som gjør fantastiske ting med HTML5 corecanvas

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

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 "web" som bare er kule å se i skapelsen.

Twitter / Musikk Mashup

15 nettsteder som gjør fantastiske ting med HTML5 9elements

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

Radiohead / HTML5 Mashup

15 nettsteder som gjør fantastiske ting med HTML5 radiohead

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

Ønsker mer?

HTML5Demos / CanvasDemos

hva er html5

Disse to nettstedene er satt opp for å gi visningene et bredt utvalg av demoer av HTML5 og HTML5 Lerrets effekter. Alt fra det verdslige til det "kule", hvis du tørster etter flere, 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!

In this article