15 sites die geweldige dingen doen met HTML5

De komende HTML5 10-websites om te zien welke HTML5 alles over 10 websites is om te zien welke HTML5 is alles over Read More update voor de 20 jaar oude HyperText Markup Language belooft de “web” ervaring naar een geheel nieuw niveau, waardoor de browser meer kan doen vanuit een visueel en 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 u echt een goed idee geven over de mogelijkheden van HTML5 als een programmeertaal, dingen doen in uw webbrowser die eens mogelijk waren in een extern programma of in een 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

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

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

Deze site van Google demo's a “boek” gestileerde benadering van een beschrijving van hoe webbrowsers werken en hoeveel van de onderliggende technologieën werken. Indrukwekkend vanuit een technisch oogpunt, het is ook een goede inleiding voor lezers die meer willen weten over hoe het web werkt.

Samenwerkende tekening

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

SketchPad is een “verf” programma voor het web. Het ondersteunt rudimentaire tekeninstrumenten en wordt alleen in HTML5 en JavaScript uitgevoerd.

Galactic Plunder

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

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 kunt “Opblazen” de pixels van een video tijdens het spelen.

Multiple Window Ball

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)

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)

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

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

Harmony is een leuk, klein tekenprogramma waarmee je met koele penselen een afbeelding kunt schilderen. U kunt dingen maken zoals “vacht” en “web” die gewoon cool zijn om te zien in de schepping.

Twitter / Muziek Mashup

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

Nog een nette mashup die in Radiohead's uitziet Idioteque met een tekening van Thom Yorke die wordt getekend terwijl het nummer vordert. Een ander “gezien om geloofd te worden” effect.

Meer willen?

HTML5Demo's / CanvasDemo's

Deze twee websites zijn ingesteld om een ​​grote verscheidenheid aan demo's van HTML5 en de HTML5 Canvas-effecten te geven. Variërend van het alledaagse tot het “stoer”, 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? Post in de reacties hieronder!