Praktische HTML5

Woensdag 25 mei reisde ik weer af naar Utrecht. Dit keer voor de cursus praktisch HTML5. Deze cursus werd gegeven door Peter Beverloo. Peter werkt bij Google en ontwikkelt mee in het Google Chrome team. In deze cursus werd uitgebreid kennis gemaakt met HTML5. En vooral wat HTML5 voor het dagelijkse werk gaat betekenen. Maar wat is HTML5 nu eigenlijk. HTML5 is de nieuwe aankomende web standaard. Met veel nieuwe mogelijkheden, zoals video's, animaties, offline opslag en veel meer. HTML5 werkt alleen in moderne browsers. (Internet Explorer 9, Firefox, Chrome).



De cursus begon met een lesje geschiedenis. Er werd verteld hoe HTML vroeger begonnen is. Maar belangrijker hoe HTML5 is ontstaan. Er werd dieper ingegaan op wat HTML5 nu precies is. Veel nieuwe mogelijkheden zijn bijvoorbeeld onderdeel van HTML5. HTML5 wordt ook als verzamelnaam gebruikt voor veel nieuwe mogelijkheden. HTML5 is nog niet af. Op dit moment is er een zo genoemde "last-call". Iedereen kan tot 2 augustus wijzigingen insturen.

Na de geschiedenis werd er dieper in gegaan op HTML5. Waaronder de semantiek, toegankelijkheid, mogelijkheden en formulieren. Met de semantiek van de website gaat veel veranderen. De semantiek is de opbouw van je pagina. Nu doen we dat veel met divs. Maar met HTML5 heb je speciale elementen voor bijvoorbeeld de header, artikel, zijbalk, footer en navigatie. Met de formulieren gaat er ook het een en ander veranderen. Er komt nu betere ondersteuning voor mobiele apparaten. Bijvoorbeeld: Als je een formulier hebt waar je een email adres moet invullen. Wanneer je dit formulier dan op een mobiel apparaat bekijkt. Zal je toetsenbord veranderen met een apenstaartje.

Paar toffe voorbeelden om te zien wat je met HTML5 allemaal kunt:
Alles is met HTML5 gemaakt en er is geen flash gebruikt. Links kun je het beste bekijken in Google Chrome.
- http://www.chromeexperiments.com/shaunthesheep
- http://www.ro.me/film
- http://mrdoob.com/projects/chromeexperiments/ball_pool/

Maar wanneer kunnen we HTML5 nu gaan gebruiken? De oudere web browsers zoals Internet Explorer 8 bieden nog geen ondersteuning voor HTML5. Maar HTML5 kunnen we al gebruiken. Er zijn manieren om voor oudere web browsers een fall-back te maken. Waardoor HTML5 websites in oudere browsers er ook goed uit zien.

Ik kan niet wachten om HTML5 in de praktijk toe te gaan passen.  Zeker weer een waardevolle dag geweest!