15 sites die geweldige dingen doen met HTML5

Advertentie

Advertentie
Advertentie

wat is html5 De komende HTML5 10-websites om te zien welke HTML5 alles over 10 websites is om te zien wat HTML5 is Alles over de update van de 20 jaar oude HyperText Markup Language belooft de 'web'-ervaring naar een geheel nieuw niveau te brengen, zodat de browser doe meer vanuit zowel een visueel als een gegevensperspectief. Hoewel HTML5 nog ver verwijderd is van volledige implementatie, heeft dat niet voorkomen dat veel ontwikkelaars het tot het uiterste hebben doorgevoerd.

Bekijk deze verbazingwekkende websites die je echt een goed idee geven over de mogelijkheden van HTML5 als een programmeertaal, dingen doen in je webbrowser die eens mogelijk waren in een extern programma of een externe plug-in. Ik heb ze getest in Chrome en ze zouden allemaal moeten werken in een HTML5-compatibele browser zoals Chrome, Firefox 4, Safari of IE9. Het zijn demo's en HTML5 is nog steeds in uitvoering, dus als u problemen ondervindt om ze te bekijken, kunt u het in een andere browser proberen. Genieten!

Arcade Fire - The Wilderness Downtown

wat is html5

Dit is een geweldige demo gedaan door Arcade Fire en Google met verschillende HTML5 Canvas-trucs. Ik wil de verrassing voor u niet bederven - voer uw jeugdadres in en geniet van de video en technische tovenarij.

WebVenture

duik in html5

WebVenture is een HTML5- en Javascript-implementatie van het MacVenture-gamingplatform. Je kunt Deja Vu 1 & 2, Shadowgate en Uninvited nu rechtstreeks in je browser spelen! Andere game-implementaties zoals Wolfenstein 3D worden bewerkt, waardoor gaming in je browser komt.

20 dingen die ik heb geleerd over browsers en het web

duik in html5

Deze website van Google demonstreert een op een boek gebaseerde stijl van een beschrijving van hoe webbrowsers werken en hoeveel van de onderliggende technologieën werken. Indrukwekkend vanuit technisch oogpunt, het is ook een goede inleiding voor lezers die meer willen weten over hoe het web werkt.

Samenwerkende tekening

duik in html5

Deze demo gebruikt de HTML5-websockets-functie om kijkers in staat te stellen om tegelijkertijd - op hetzelfde moment - op het canvas te tekenen.

[NIET MEER WERKEN] SketchPad

html5 zelfstudie

SketchPad is een "verfprogramma" voor het web. Het ondersteunt rudimentaire tekeninstrumenten en wordt alleen in HTML5 en JavaScript uitgevoerd.

Galactic Plunder

html5 zelfstudie

Galactic Plunder is een 2D Space Shooter geïmplementeerd in HTML5. Niet helemaal als een feature gevuld als een normale side-scrolling shooter, het is volledig gedaan in HTML5, dat op zich al indrukwekkend is.

Video-effecten

html5 zelfstudie

Met HTML5 kun je veel met video op internet. Naast dat je het kunt spelen zonder je webbrowser, zonder plug-in, kun je die video manipuleren. Deze demo laat zien hoe je de pixels van een video kunt "opblazen" tijdens het spelen.

Multiple Window Ball

15 sites die geweldige dingen doen met een HTML5-venster

Dit toont en effect ook te zien in de Arcade Fire-video. HTML5 biedt u de mogelijkheid om meerdere vensters te openen en objecten tussen de vensters te laten bewegen.

HTML5Rocks (Google)

15 sites die geweldige dingen doen met HTML5 html5rocks

HTML5 Rocks is een diavoorstelling die veel van de speciale functies van de HTML5-taal laat zien. Als u een ontwikkelaar bent, krijgt u een voorbeeldcode en ziet u de mogelijkheden van HTML5.

8-bit Color Cycling (zoals Old School Games)

15 sites die geweldige dingen doen met HTML5-cyclus

Als je begin jaren 90 een gamer was, zul je dit effect met veel plezier onthouden. Omdat de rekenkracht beperkt was, gebruikten grafische ontwerpers 'tricks' om video in een statische afbeelding te emuleren. Dit canvaseffect laat je zien hoe het werd uitgevoerd en bevat ook veel voorbeelden die ook mooi zijn.

HTML5-experimenten van Hakim.se

15 sites die geweldige dingen doen met HTML5 corecanvas

Deze site geeft een overzicht van vele demo's van games en andere leuke kleine gadgets om te laten zien wat je kunt doen met HTML5. Goed voor inspiratie en misschien een beetje tijdverspilling.

Harmonie

15 sites die geweldige dingen doen met HTML5-harmonie

Harmony is een leuk, klein tekenprogramma waarmee je met koele penselen een afbeelding kunt schilderen. Je kunt dingen maken zoals 'bont' en 'web', die gewoon cool zijn om te zien in de creatie.

Twitter / Muziek Mashup

15 sites die geweldige dingen doen met HTML5 9-elementen

Deze nette mashup van @ 9elements pits muziek en roterende stippen met twitterberichten over HTML5. Moeilijk te beschrijven in de praktijk, moet worden gezien om te begrijpen!

Radiohead / HTML5 Mashup

15 sites die geweldige dingen doen met HTML5-radioheads

Een andere nette mashup die de Idioteque van Radiohead onderbrengt met een tekening van Thom Yorke, die wordt getekend terwijl het nummer vordert. Nog een "gezien om geloofd te worden" -effect.

Meer willen?

HTML5Demo's / CanvasDemo's

wat is html5

Deze twee websites zijn ingesteld om een ​​grote verscheidenheid aan demo's van HTML5 en de HTML5 Canvas-effecten te geven. Variërend van alledaags tot 'cool', als je dorst hebt naar meer, zijn dit de plaatsen om naartoe te gaan.

Er zijn nu veel demo's van HTML5 op het internet - en het is goed op weg om de nieuwe standaard van het web te worden. Heb je geweldige demo's die je zou willen delen? Plaats alstublieft in de reacties hieronder!

In this article