Reklame

Den forestående HTML5 10 websteder til at se, hvad HTML5 handler om Læs mere opdatering til det 20 år gamle HyperText Markup Language lover at bringe “web” -oplevelsen til et helt nyt niveau, så browseren kan gøre mere fra både et visuelt og dataperspektiv. Selvom HTML5 stadig er en god afstand fra at blive implementeret fuldt, har det ikke stoppet mange udviklere fra at skubbe det til grænserne.

Tjek disse fantastiske websteder, som virkelig giver dig en god idé om funktionerne i HTML5 som en programmeringssprog, gøre ting i din webbrowser, der engang kun var muligt i et eksternt program eller plugin. Jeg har testet dem i Chrome, og de skal alle arbejde i en HTML5-kompatibel browser, f.eks. Chrome, Firefox 4, Safari eller IE9. Det 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!

hvad er html5

Dette er en fantastisk demo udført af Arcade Fire og Google, der indeholder forskellige HTML5 Canvas-tricks. Jeg vil ikke forkæle overraskelsen for dig - indtast din barndomsadresse og nyd video- og tekniske guiden.

instagram viewer

dykke ned i html5

WebVenture er en HTML5 og Javascript-implementering af MacVenture-gamingplatformen. Du kan nu spille Deja Vu 1 & 2, Shadowgate og Uninvited lige i din browser! Andre spilimplementeringer såsom Wolfenstein 3D der arbejdes med, hvilket bringer spil ind i din browser.

dykke ned i html5

Dette websted fra Google demonstrerer en "bog" -tilnærmet tilgang til en beskrivelse af, hvordan webbrowsere fungerer, og hvor mange af de underliggende teknologier fungerer. Fra et teknisk synspunkt er det imponerende, og det er også en god grund for læsere, der gerne vil vide mere om, hvordan internettet fungerer.

Samarbejde tegning

dykke ned i html5

Denne demo bruger HTML5 websockets -funktion for at give seerne mulighed for at samarbejde - på samme tid - trække på lærredet.

html5 tutorial

SketchPad er et "maling" -program til internettet. Det understøtter rudimentære tegneinstrumenter og gøres kun i HTML5 og JavaScript.

html5 tutorial

Galactic Plunder er en 2D Space Shooter implementeret i HTML5. Ikke lige så funktion fyldt som en normal sidescroller-shooter, det gøres helt i HTML5, hvilket er imponerende i sig selv.

html5 tutorial

HTML5 giver dig mulighed for at meget med video på nettet. Ud over at lade dig spille den uden din webbrowser uden plugin, giver det dig mulighed for at manipulere den video. Denne demonstration viser, hvordan du kan "sprænge" pixels af en video, mens du spiller.

Flere vindueskugler

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

Dette demonstrerer og virker også i Arcade Fire-videoen. HTML5 giver dig mulighed for at åbne flere vinduer og få objekter til at flytte mellem dem.

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

HTML5 Rocks er et slideshow, der demonstrerer mange af de særlige træk ved HTML5-sproget. Hvis du er en udvikler, giver den dig prøvekode og lader dig se mulighederne i HTML5.

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

Hvis du var en spiller i begyndelsen af ​​90'erne, vil du huske denne effekt med kærlighed. Da computerkraften var begrænset, brugte grafiske designere 'tricks' til at emulere video i et statisk billede. Denne lærredseffekt viser dig, hvordan det blev gjort, og inkluderer også mange eksempler, der også er smukke.

HTML5-eksperimenter fra Hakim.se [Ikke længere tilgængelig]

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

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

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

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

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

Denne pæne mashup fra @ 9elements sætter musik og roterende prikker med twitter-indlæg om HTML5. Svært at beskrive i praksis, må ses for at forstå!

Radiohead / HTML5 Mashup

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

En anden pæn mashup, der slår Radioheads sammen Idioteque med en tegning af Thom Yorke, som tegnes, når sangen skrider frem. En anden "set til tro" virkning.

Ønsker mere?

hvad er html5

Disse to websteder er oprettet for at give visninger en bred vifte af demoer af HTML5 og HTML5 Canvas-effekter. Alt fra det verdslige til det "seje", hvis du er tørstig efter mere, er dette stedet at gå.

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

Dave Drager arbejder hos XDA Developers i forstæderne til Philadelphia, PA.