15 webbplatser som gör fantastiska saker med HTML5

Annons

Det kommande HTML5 10 webbplatser för att se vad HTML5 handlar om Läs mer uppdatering till 20-åriga HyperText Markup Language lovar att föra "webb" -upplevelsen till en helt ny nivå, vilket gör att webbläsaren kan göra mer ur både ett visuellt och dataperspektiv. Trots att HTML5 fortfarande är långt borta från att vara fullt ut har det inte hindrat många utvecklare från att pressa det till gränserna.

Kolla in dessa fantastiska webbplatser som verkligen ger dig en bra uppfattning om funktionerna i HTML5 som programmeringsspråk, göra saker i din webbläsare som en gång bara var möjliga i ett externt program eller plugin. Jag har testat dem i Chrome och de borde alla fungera i en HTML5-kompatibel webbläsare som Chrome, Firefox 4, Safari eller IE9. De är demonstrationer och HTML5 är fortfarande ett pågående arbete, så om du har problem med att se dem kanske du vill prova i en annan webbläsare. Njut av!

Det här är en fantastisk demonstration gjord av Arcade Fire och Google som har olika HTML5 Canvas-trick. Jag vill inte förstöra överraskningen för dig - ange din barndomsadress och njut av video- och tekniska guiden.

WebVenture är en HTML5- och Javascript-implementering av MacVenture-spelplattformen. Du kan nu spela Deja Vu 1 & 2, Shadowgate och Uninvited direkt i din webbläsare! Andra spelimplementeringar som Wolfenstein 3D arbetas med, vilket gör spel till din webbläsare.

Denna webbplats från Google demonstrerar en "bok" -stil med en beskrivning av hur webbläsare fungerar och hur många av de underliggande teknikerna fungerar. Tekniskt sett imponerande, det är också en bra grund för läsare som vill veta mer om hur webben fungerar.

Samarbetsritning

Denna demo använder HTML5-nätuttag -funktion så att tittarna kan samarbeta - samtidigt - dra på duken.

SketchPad är ett ”måla” -program för webben. Det stöder rudimentära ritinstrument och görs endast i HTML5 och JavaScript.

Galactic Plunder är en 2D Space Shooter implementerad i HTML5. Inte riktigt lika fylld som en vanlig sidoscrollskytt, det görs helt i HTML5 vilket är imponerande i sig själv.

HTML5 låter dig göra mycket med video på webben. Förutom att du kan spela den utan din webbläsare, utan plugin, låter du manipulera den videon. Den här demonstrationen visar hur du kan "spränga" pixlarna i en video medan du spelar.

Flera fönsterkulor

Detta visar och verkar också i Arcade Fire-videon. HTML5 låter dig öppna flera fönster och få objekt att flytta mellan dem.

HTML5 Rocks är ett bildspel som visar många av specialfunktionerna i HTML5-språket. Om du är en utvecklare ger det dig provkod och låter dig se möjligheterna med HTML5.

Om du var en spelare i början av 90-talet kommer du att komma ihåg denna effekt gärna. Eftersom beräkningskraften var begränsad använde grafiska formgivare 'trick' för att emulera video i en statisk bild. Den här dukeffekten visar hur det gjordes och innehåller också många exempel som också är vackra.

HTML5-experiment från Hakim.se [Ingen längre tillgänglig]

Den här webbplatsen visar många demonstrationer av spel och andra snygga små prylar för att visa upp vad du kan göra med HTML5. Bra för inspiration och kanske lite tid omledning.

Harmony är ett snyggt lite ritprogram som låter dig använda coola borstar för att måla en bild. Du kan skapa saker som "päls" och "webb" som bara är coola att se i skapelsen.

Denna snygga mashup från @ 9elements pitsar musik och roterande prickar med twitter-inlägg om HTML5. Svårt att beskriva i praktiken, måste ses för att förstå!

Radiohead / HTML5 Mashup

En annan snygg mashup som slår ihop Radioheads Idioteque med en ritning av Thom Yorke som ritas när sången fortskrider. En annan "anses tros" effekt.

Vill ha mer?

Dessa två webbplatser är inrättade för att ge visningar ett brett utbud av demonstrationer av HTML5 och HTML5 Canvas-effekter. Allt från det vardagliga till det "coola", om du är törstig efter mer är det här platserna att åka till.

Det finns många demos av HTML5 där ute på internet nu - och det är på god väg att bli den nya standarden på webben. Har du fantastiska demonstrationer som du vill dela med dig? Skriv in kommentarerna nedan!