Met de komst van HTML5 is de performance van Javascript erg belangrijk geworden. De browser fabrikanten hebben de laatste jaren dan ook flink ingezet op het optimaliseren van hun Javascript-engines. Echter, voor de user experience is niet alleen de snelheid van belang, maar ook hoe de Javascript commando's worden uitgevoerd. Webworkers vormen een nieuw en belangrijk onderdeel van Javascipt om ervoor te zorgen dat de User Interface goed blijft reageren.

Dit is het derde en laatste deel van een serie blogs over het HTML5 Canvas. In deel 1 en deel 2 hebben we gekeken naar het canvas element. Hoe kunnen we tekenen op het canvas, het manipuleren van de context en het werken met afbeeldingen en video's. In dit deel gaan we kijken naar de mogelijkheden voor animatie en Interactie.

Dit is deel twee van een serie van drie blogs over het HTML 5 Canvas. In het eerste deel hebben we gekeken naar het canvas element. Wat doet het en hoe kunnen we tekenen op het canvas door middel van Javascript. In dit tweede deel gaan we kijken hoe de context van het canvas kunnen manipuleren. Tevens kijken we naar het werken met afbeeldingen en video's.

Met HTML5 komen er veel nieuwe mogelijkheden bij voor webapplicaties, zowel voor als achter de schermen. Hierbij valt te denken aan lokale dataopslag, sterk verbeterde communicatiemogelijkheden, locatie bewuste applicaties, CSS3 en zo zijn er nog veel meer te noemen. Eén onderdeel wil ik er graag uitlichten en dat is de mogelijkheid om video's en animaties te tonen. Naast het Video Element uit mijn vorige blogs, speelt het Canvas Element hierin een belangrijke rol.

Alle moderne webpagina's maken gebruik van stylesheets (CSS) om de opmaak van de pagina te bepalen. Kleuren, lettertypes, afmetingen en marges worden in de stylesheets beschreven. Met de komst van HTML5 is er ook een nieuwe versie voor stylesheets: CSS3. Een nieuw onderdeel in deze specificatie zijn de Media Queries.

De komende jaren zal HTML5 een steeds belangrijkere rol op het web gaan innemen. Een aantal nieuwe mogelijkheden spelen zich hierbij 'onder water' af en zullen dus niet direct zichtbaar zijn voor de bezoeker. Andere onderdelen zijn wel direct zichtbaar en dan hebben we het vooral over multimedia, waar we nu doorgaans nog plugins voor gebruiken. Laten we daarom eens gaan kijken naar het nieuwe Video element.

Op de laatste dag van de DevDays editie 2011 heb ik een Wildcard sessie mogen verzorgen over de mogelijkheden van HTML5. Hieronder kun je de PowerPoint en de Source Code van de demo's downloaden.

Enkele weken geleden werd duidelijk dat er op de DevDays plaats is voor 4 wildcard sessies. Na de eerste schifting zijn er nog 7 sessies in de race en nu volgt de 2de en laatste stemronde. De stemmen staan weer op 0 en je kunt dus nogmaals een stem uitbrengen op de uiteindelijke kanshebbers.