Onlangs hebben Rob Lohman en ik een interne presentatie gegeven over de nieuwe mogelijkheden van HTML 5 en CSS3. Dit is een nieuwe versie van de bestaande HTML en CSS, die een aantal leuke nieuwe features bied. We hebben onder andere de onderstaande punten behandeld:
Video en Audio
Het wordt mogelijk video en audio af te spelen met HTML, zonder de tussenkomst van plugins als Media Player, Quicktime of Flash. Voordeel is dat iedereen deze dan af kan spelen, en het daarmee dus heel toegankelijk wordt. Een groot nadeel is dat de browsers onderling in de clinch liggen over welke codec ze nu moeten gaan ondersteunen. Daardoor moet er voor Mozilla een ander bestand dan voor Webkit aangeleverd worden. Meer informatie en een voorbeeld.
LocalStorage en SessionStorage
Deze twee functies zijn eigenlijk de nieuwe cookies. Hiermee kan meer data dan een cookie opgeslagen worden, en wordt het makkelijker om deze te gebruiken in je javascripts. Een klein nadeel is dat gebruikers deze aan moeten zetten, en niet zoals cookies dat ze standaard aan staan.
Semantische tags en attributen
Er worden een aantal nieuwe tags en attributen toegevoegd waarmee de code semantisch opgebouwd kan worden, en er meer meta data aan elementen gegeven kan worden. Dit is handig om data in de pagina te stoppen voor de javascripts, maar ook erg goed voor zoekmachines als Google. Deze kan zo nog meer uit de pagina halen, en duidelijker zien wat een navigatiebalk is, en welke data bij elkaar hoort.
Canvas
Het tekendoek van HTML. Met een uitgebreide programmeer API kan hier in 2D en 3D (nog in ontwikkeling) op getekend worden. Dit kan van kleine tekeningen (handtekening bijvoorbeeld), tot complete spellen. Meer informatie en een aantal voorbeelden.
Formulieren
Er zijn een flink aantal nieuwe formulier elementen ontwikkeld die het voor de gebruiker en ontwikkelaar een stuk makkelijker maken. Zo zit er standaard een datum veld in, waardoor niet meer de datum ingetypt hoeft te worden, maar dit gekozen kan worden in een kalender. Doordat deze door de browsers geïmplementeerd worden werkt dit overal op dezelfde manier, en kan de gebruiker overal op dezelfde manier hiermee werken.
GeoLocation
Hiermee kan de locatie van de gebruiker opgevraagd worden, mits deze daar toestemming voor geeft. Dit kan handig zijn voor bijvoorbeeld een mobiele webapplicatie met een navigtatie systeem erin. Met GeoLocation is dan de exacte positie, hoogte en kijkrichting van de gebruiker op te vragen.
…vervanger voor Flash?
De laatste tijd is er veel rumoer op het internet over dat HTML 5 de vervanger gaat worden van Flash. Apple is hier mee begonnen door op zijn iPhone geen ondersteuning te willen bieden voor Flash, omdat zij beweren dat hetzelfde bereikt kan worden met HTML 5. Andere browser bouwers zijn het hier mee eens, en het lijkt erop dat Adobe Flash een beetje in een hoek gedreven is.
Voorlopig zitten we nog wel met Flash, aangezien veel browsers nog niet veel van HTML 5 geïmplementeerd hebben (mede omdat het nog niet af is!), en een groot deel van de internetters nog met oude versies van browsers surfen, waardoor er sowieso een Flash applicatie gemaakt moet worden om ondersteuning te bieden voor alle bezoekers.
9 juni 2010 om 20:13 uur
En nu ben ik benieuwd wat jullie ervan vinden. Vinden jullie dat HTML5 de vervanger gaat worden van Flash?
Misschien zal HTML5 in het begin niet de vervanger worden van Flash omdat, net zoals jullie zeiden, oudere browsers deze techniek nog niet zullen ondersteunen maar zal het ooit Flash compleet kunnen vervangen?
29 juni 2010 om 14:31 uur
Op den duur zal javascript/css/html zeker Flash laten verdwijnen. De nieuwe generatie browsers heeft bijvoorbeeld al volledige hardware ondersteuning voor het renderen van de graphics, en maakt daarmee complexe animaties mogelijk (met canvas en svg). Dan heeft Flash in veel gevallen al geen toegevoegde waarde meer.
Er zijn nu al enkele libraries beschikbaar waarmee animaties te programmeren zijn, en het zal denk ik ook niet lang duren voordat er een vergelijkbaar programma beschikbaar komt als Flash (de editor), waarmee je HTML5 applicaties kunt ontwikkelen.
30 juni 2010 om 12:27 uur
Google/YouTube heeft hier vandaag ook een bericht over geplaatst op hun blog, met waarom Flash voorlopig nog niet volledig door HTML5 vervangen kan worden.
http://apiblog.youtube.com/2010/06/flash-and-html5-tag.html
22 juli 2011 om 09:06 uur
Flash zal op den duur terrein verliezen aan HTML5, totale overname zal zo snel niet gebeuren omdat 2 en multiple weg communicatie zoals videochat etc. ook door flash ondersteund wordt.
Html5 zal terrein winnen door implementatie van de geïntegreerde player in de browsers.
De kink in de kabel zal de langzame implementatie worden van deze players in diverse browsers door de ontwikkelingstijd van diverse versie’s van deze browsers.
Nu word er nog html5 codec implementatie ontwikkelt voor de nieuwe versie van firefox en tientallen patches van verouderde versie’s van firefox.
De auto update zoals chrome deze heeft zorgt ervoor dat alle gebruikers de laatste versie van de chrome gebruiken zodat ontwikkelaars alleen implementatie ontwikkelen voor de laatste versie.
De ontwikkelaars zullen geen verloren tijd kwijt zijn door patches voor oudere browser versie’s te ontwikkelen.
Website bouwers kunnen dan onbezorgd website’s maken in html5 zonder zorgen dat gebruikers de website niet kunnen(of delen hiervan) bezoeken.
Gebruikers van oude versies in browsers houden de implmentatie van html5 dus tegen.
Dit is bij auto update browsers (zoals nu alleen nog chrome) dus niet het geval.
Hierdoor zal een veel snellere implementatie zijn, minder ontwikkelingstijd nodig zijn, waardoor sneller meer codec’s geïmplementeerd worden die in html5 ondersteund worden.
Hierdoor zal html5 video heel snel een goede en breed ondersteunde implementatie worden.
Het is wachten tot andere browsers ook de auto-update functie implementeren en hierdoor het scala aan verouderde versie’s van browsers drastisch verminderen.
HTML5 zal sneller door iedereen gebruikt worden.
Ook zorgt flash voor Seo problemen wat de deep search mogelijkheid op een website erg moeilijk maakt.
Ook fout gevoeligheid is groot in flash. Flash ontwikkeling voor website’s is erg duur en vergt veel tijd. Ook zullen browsers het zwaar hebben en is flash verantwoordelijk voor 80% van alle website/browser crashes.
Pagina terug en vooruit en evenals printen van flash is niet mogelijk. Flash in navigatie of content is dodelijk voor je Seo in zoekmachines.
Flash heeft veel voordelen maar ook veel nadelen. Gebruik voor webdesign graag met mate maar is zeerzeker in grote mate verantwoordelijk voor het dynamisch inrichten van de website.
Flash zal zeker blijven maar html5 zal tegenover html4 wel flink wat van deze markt afsnoepen.
Dar wassie weer,
Bas van heel Roseboom