Semantische code
Bij HTML5 krijgen developers veel nieuwe tags tot hun beschikking. Die nieuwe tags zorgen ervoor dat verschillende elementen c.q. functionaliteiten (audio, video, browser gegenereerde graphics, navigatie en tekst) hun eigen tag krijgen.

Door deze nieuwe tags zal de mate van semantiek van de broncode vele malen hoger liggen dan de niet-HTML5 pagina’s. Semantisch betekend (in dit geval) dat er een uiterst logische code gehanteerd wordt voor de bron. Dit betekend concreet dat een menu-element niet meer apart met een class of id aangemaakt hoeft te worden, maar dat de tag nav voldoende is.

HTML5 vs Flash

HTML5 in combinatie met CSS3 en AJAX zal veel functies van Flash overnemen. Dat geldt dus ook voor video en audio. Nu wordt Flash nog vaak ingezet voor het afspelen van filmpjes en muziek. Door HTML5 voor deze elementen in te zetten, is het bijvoorbeeld ook mogelijk om deze media te bekijken en beluisteren op een smartphone.

Aangezien veel functies binnen HTML5 Flash onnodig maken, zullen er toch functies blijven die het beste in Flash uitgevoerd kunnen worden. Denk hierbij bijvoorbeeld aan interactieve spelletjes.

Een ander voordeel van Flash is dat de applicaties in elke browser hetzelfde er uitzien. Er hoeft dus geen rekening gehouden te worden met de verschillende browsers – wat vaak voor HTML en CSS wel problemen geeft.

Kortom: Flash is niet compleet afgeschreven, maar is op veel fronten wel ingehaald door HTML5. Het is als developer belangrijk te overwegen iets in Flash of HTML5 te maken.

HTML5 voorbeelden
Hieronder een opsomming van een aantal websites die al gebruik maken van verschillende functies binnen HTML5.

• www.nevermindthebullets.com
  Bewegend stripverhaal
• www.thekillersmusic.com/html5
  HTML5 website van The Killers
• www.agent8ball.com
  Pool game
• www.thewildernessdowntown.com
  Een project van Google
• http://labs.mandogroup.com
  Mooi kleurende achtergrond
• www.iamjamie.co.uk
  I AM JAMIE!
• www.craftymind.com/factory/html5video/CanvasVideo3D.html
  Roterende video (alleen te bekijken met Safari)
• www.benjoffe.com/code/games/torus/
  HTML5 Tetris Game
• http://anthonycalzadilla.com/css3-ATAT/index.html
  AT AT Walker (alleen te bekijken met  Chrome en Safari)
• http://cartagen.org/
  HTML5 Map
• HTML5 Online magazine WOW
  Filmpjes over mogelijkheden HTML5

Wil je nou weten of jou webbrowser HTML5 al goed ondersteunt of wil je weten welke browser je het beste kunt gebruiken, check dan onderstaande websites:

• http://html5test.com/
  Check hoe hoog jou browser scoort met HTML5 ondersteuning
• http://findmebyip.com/litmus/#target-selector
  HTML5 & CSS3 Support
• http://html5readiness.com/
  HTML5 richtlijnen

Gisterenavond ging de IQ-avond over ‘usability testing’. De avond werd geleid door Joost (Managing director, iBoom) en Jaap (Projectmanager, Websites Nederland). Usability testing is een breed begrip, maar deze avond ging voornamelijk over het testen en meten van de gebruiksvriendelijkheid binnen een website. Onderwerpen die onder andere aan bod zijn gekomen, zijn webanalytics, a/b testing, multivariate testing, paper prototyping, eyetracking, click- en mousetracking.

Doordat er veel interactie tussen de sprekers en toehoorders was, ontstonden er interessante discussies over gebruiksvriendelijkheid, wat uiteraard de insteek van die avond was. Kortom, veel enthousiasme – veel discussie over usability testing – en last but not least een gezellige afsluitende borrel. We kunnen niet wachten op de eerst volgende IQ-avond (tipje van de sluier, het zal over web development gaan).