HTML5 is inmiddels prima in te zetten

  • Leestijd: 3 minuten

HTML5 vuist gemaakt door flickr gebruiker justinsomniaOp 11 oktober verscheen er een artikel in Emerce over HTML5 waarin min of meer wordt gezegd dat HTML5 nog niet klaar is voor productie en dat de verschillende partijen die HTML5 ontwikkelen het nog niet met elkaar eens zijn. De schrijvers van het boek Introducing HTML5, Remy Sharp, heeft de onjuistheden al uit het artikel gehaald, wat hij uitstekend heeft gedaan. In dit artikel zal ik laten zien welke delen van HTML5 al wel eenvoudig in te zetten zijn. Ik zal ook enkele technieken noemen die met enige moeite in te zetten zijn.

Wanneer is HTML5 af?

Het klopt dat HTML5 nog niet af is. De specificatie is nog niet tot in detail uitgewerkt en er zijn nog geen 2 partijen (browsers) die deze specificatie volledig hebben geïmplementeerd. Volgens de methoden die er voor standaardisatie worden gehanteerd, is HTML5 op dat moment pas af, de schatting is dat dat in 2022 zal zijn.

Ook CSS2.1 (de taal die we al jaren gebruiken om websites vorm te geven) is volgens deze methode nog niet af. Deze puur technische methode van bepalen of iets af is, zegt natuurlijk niks over de praktische bruikbaarheid van een taal: CSS2.1 heeft inmiddels zijn waarde wel bewezen, zelfs in deze onaffe staat. Volgens dezelfde redenering mogen we nog geen gebruik maken van draadloos internet bij de Coffee Company: WiFi is ook nog niet af.

Dat een taal nog niet volledig geaccepteerd is door alle partijen betekent natuurlijk niet dat delen ervan niet al prima ingezet kunnen worden.

Video en audio

Tot voor kort was er een plugin nodig om video of audio af te spelen in de browser. Om de afhankelijkheid van een plugin weg te nemen, is er besloten dat het mogelijk moet zijn om video in de browser zelf af te spelen. De huidige implementatie van deze nieuwe mogelijkheid is nog niet optimaal – zo ondersteunt elke browser weer andere bestandsformaten – maar deze implementatie is de enige manier om een video aan alle gebruikers te tonen: HTML5 biedt de mogelijkheid om een video in meerdere formaten aan te bieden. Zo kunnen ook mensen met een iPad je content bekijken.

Prettige formulierelementen

Het implementeren van video is misschien wel complexer geworden dan voorheen vanwege de vele bestandsformaten, maar de gebruikers worden er wel gelukkig van, ook op hun nieuwste gadget kunnen ze je video zien. Er zijn meer onderdelen van HTML5 waarvan gebruikers blij worden en die inmiddels zonder gevaar te gebruiken zijn.

Het e-mail keyboard van een iPhone met toetsen die specifiek zijn voor e-mailadressen

Het e-mail keyboard van een iPhone met toetsen die specifiek zijn voor e-mailadressen

Zo zijn te toetsenborden van touch devices zoals iPads eenvoudig aan te passen voor specifieke taken: als je een e-mail adres moet invullen, verschijnen er twee toetsen met een @ en een punt, als je een telefoonnummer moet invullen verschijnt er een numeriek toetsenbord. ‘Normale’ browsers tonen een standaard invoerveld. Met zeer weinig werk is de usability voor een groeiend deel van je bezoekers aanzienlijk verhoogd. Het zou zonde zijn om dit niet te doen vanwege het genoemde artikel.

Geoptimaliseerde code

Veel code in oudere versies van HTML was theoretisch prima in orde, in de praktijk was het vaak onhandig of ronduit complex. Deze complexiteit is weggenomen, code is eenvoudiger te schrijven, onnodige attributen kunnen worden weggelaten. Dit zijn kleine optimalisaties die zonder enig probleem kunnen worden doorgevoerd, die zorgen voor minder foutgevoelige code en die bovendien volledig backwards compatibel zijn; ja, deze geoptimaliseerde code werkt ook in Netscape 4.

Maar wat dan niet?

Veel nieuwe technieken werken nu nog slechts in enkele browsers. Je kunt ze als extra laag aanbieden bovenop ‘oude’ content, als een leuk extraatje voor een snel groeiende minderheid. De technieken die je nog niet kunt inzetten, zijn natuurlijk afhankelijk van het project. Het is tegenwoordig bijvoorbeeld mogelijk om een website te manipuleren door middel van de bewegingssensors uit een MacBook Pro, prima inzetbaar voor een demo in een Apple Store of een presentatie over de toekomst van het web. De navigatie op een drukbezochte nieuwssite zou ik nog niet afhankelijk maken van deze techniek, maar een iets vrolijker ondernemer zou best een easter egg met deze techniek in zijn site kunnen laten zetten. Een easter egg die een snel groeiend aantal mensen te zien krijgt als je de grafieken van 2008, 2009 en 2010 met elkaar vergelijkt op deze site.

Dus ja, zet HTML5 vooral in, maak gebruik van die technieken waar bezoekers blij van worden, en ga de meer experimentele technieken vooral onderzoeken en zo mogelijk ook inzetten. Volgend jaar is de minderheid die er gebruik van kan maken veranderd in een meerderheid en het jaar daarop is de specificatie klaar en is er geen vuiltje meer aan de lucht.