15 websteder, der gør fantastiske ting med HTML5

Reklame

Reklame
Reklame

hvad er html5 De kommende HTML5 10-websites til at se, hvad HTML5 handler om 10 websites om, hvad HTML5 handler om Læs Mere opdatering til det 20-årige HyperText Markup Language lover at bringe web-oplevelsen til et helt nyt niveau, så browseren kan gør mere fra både et visuelt og data perspektiv. Selv om HTML5 stadig er en god afstand væk fra at blive fuldt implementeret, har det ikke stoppet mange udviklere fra at skubbe det til grænserne.

Tjek disse fantastiske hjemmesider, som virkelig giver dig en god ide om mulighederne i HTML5 som et programmeringssprog, gør ting i din webbrowser, der kun var engang muligt i et eksternt program eller plugin. Jeg har testet dem i Chrome, og de skal alle arbejde i en HTML5-kompatibel browser som Chrome, Firefox 4, Safari eller IE9. De er demoer, og HTML5 er stadig et igangværende arbejde, så hvis du har problemer med at se dem, kan du prøve i en anden browser. God fornøjelse!

Arcade Fire - The Wilderness Downtown

hvad er html5

Dette er en fantastisk demonstration udført af Arcade Fire og Google, som har forskellige HTML5 Canvas tricks. Jeg ønsker ikke at forkæle overraskelsen for dig - indtast din barndomsadresse og nyd den video og tekniske wizardry.

WebVenture

dykke ind i html5

WebVenture er en HTML5 og Javascript implementering af MacVentures spilplatform. Du kan nu spille Deja Vu 1 & 2, Shadowgate og Uninvited lige i din browser! Andre spilimplementeringer som Wolfenstein 3D bliver arbejdet på og bringer spil ind i din browser.

20 ting jeg lærte om browsere og internettet

dykke ind i html5

Dette websted fra Google demonstrerer en "bog" -metode til en beskrivelse af, hvordan browsere arbejder, og hvor mange af de underliggende teknologier der fungerer. Imponerende fra teknisk synspunkt er det også en god primer for læsere, der gerne vil vide mere om, hvordan internettet fungerer.

Collaborative Drawing

dykke ind i html5

Denne demo bruger HTML5 websockets-funktionen til at tillade seerne at samarbejde - samtidig - trække på lærredet.

[NO LONGER WORKS] SketchPad

html5 tutorial

SketchPad er et "paint" -program til internettet. Det understøtter rudimentære tegningsinstrumenter og er kun udført i HTML5 og JavaScript.

Galaktisk Røvelse

html5 tutorial

Galactic Plunder er en 2D Space Shooter implementeret i HTML5. Ikke helt som fyldt som en normal side scrolling shooter, det gøres helt i HTML5, hvilket er imponerende i sig selv.

Videoeffekter

html5 tutorial

HTML5 giver dig mulighed for at for meget med video på internettet. Udover at lade dig spille det uden din webbrowser, uden plugin, kan du manipulere den video. Denne demo viser, hvordan du kan "Blæse op" pixels af en video under afspilning.

Flere vindueskugle

15 websteder, der gør fantastiske ting med HTML5 ballwindow

Dette demonstrerer og virker også i Arcade Fire-videoen. HTML5 giver dig mulighed for at åbne flere vinduer og få objekter bevæge sig imellem dem.

HTML5Rocks (Google)

15 websteder, der gør fantastiske ting med HTML5 html5rocks

HTML5 Rocks er et diasshow, der viser mange af de særlige funktioner i HTML5-sproget. Hvis du er en udvikler, giver den dig prøvekode og lader dig se mulighederne for HTML5.

8-bit farve cykling (som gamle skole spil)

15 websteder, der gør fantastiske ting med HTML5-cyklus

Hvis du var en gamer i begyndelsen af ​​90'erne, vil du huske denne effekt fondly. Da beregningsstyrken var begrænset, brugte grafiske designere 'tricks' til at efterligne video i et statisk billede. Denne lærredseffekt viser dig, hvordan det blev gjort, og indeholder også mange eksempler, som også er smukke.

HTML5 Eksperimenter fra Hakim.se

15 websteder, der gør fantastiske ting med HTML5 corecanvas

Dette websted viser mange demoser af spil og andre pæne små gadgets til at vise, hvad du kan gøre med HTML5. God til inspiration og måske lidt tidskildring.

Harmoni

15 websteder, der gør fantastiske ting med HTML5-harmoni

Harmony er et pænt lille tegneprogram, der lader dig bruge kolde børster til at male et billede. Du kan oprette ting som "pels" og "web", som bare er seje at se i skabelsen.

Twitter / Music Mashup

15 websteder, der gør fantastiske ting med HTML5 9elements

Denne pæne mashup fra @ 9elements pitterer musik og roterende prikker med twitter-indlæg om HTML5. Svære at beskrive i praksis, skal ses til at forstå!

Radiohead / HTML5 Mashup

15 websteder, der gør fantastiske ting med HTML5 radiohead

En anden pæn mashup, som pytter Radiohead's Idioteque med en tegning af Thom Yorke, som er tegnet som sangen skrider frem. En anden "set til at blive troet" effekt.

Ønsker mere?

HTML5Demos / CanvasDemos

hvad er html5

Disse to hjemmesider er oprettet for at give synspunkter en bred vifte af demos af HTML5 og HTML5 Canvas effekter. Spænder fra det dagligdagse til det "kølige", hvis du tørster efter mere, er disse steder at gå.

Der er mange demos af HTML5 derude på internettet nu - og det er godt på vej til at blive den nye standard på nettet. Har du fantastiske demoer, du gerne vil dele? Venligst post i kommentarerne nedenfor!

In this article