Adobe heeft al jaren te kampen met de nodige kritiek over hun techniek Adobe Flash, maar de laatste weken gaat het wel heel hard! Nadat Apple’s topman Steve Jobs de techniek een aantal weken geleden volledig van tafel veegde en met de grond gelijkmaakte, heeft nu ook Microsoft zijn voorkeur uitgesproken naar het nieuwe HTML5. De “grote internetbaas” bij Microsoft kondigde onlangs aan met de nieuwe browser (Internet Explorer 9) niet langer flash video’s te ondersteunen.

Geen flash meer en nu? Zowel Apple als Microsoft hebben aangegeven in HTML5 de nieuwe webstandaard te zien.

Niet alleen Apple en Microsoft hebben de afgelopen maanden Adobe de rug toegekeerd, ook de video sites YouTube en Vimeo zijn de afgelopen maanden volledig HTML5-proof geworden. Beide sites ondersteunen al vanaf januari HTML5, waardoor het bufferen van video’s tot het verleden behoort. Het ziet er zo langzamerhand naar uit dat Adobe zich eens flink achter de oren moet gaan krabben.

HTML5
HTML5? Jazeker! HTML5, de opvolger van HTML4.01, en officieel gedefinieerd door de WHATWG brengt eindelijk de updates waar menig ontwikkelaar en internetgebruiker al jaren op wacht. Hoewel HTML5 natuurlijk niet in de laatste paar weken is ontwikkeld, maar de afgelopen jaren reeds ontwikkeld is, komt alles nu in een enorme stroomversnelling door de openlijke steun van Apple en Microsoft, en de opkomst van de nieuwe browsers met HTML5 ondersteuning.

Natuurlijk brengt HTML 5 voor de ontwikkelaars veel veranderingen met zich mee. Het is immers een gloednieuwe manier om het een en ander weer te geven. HTML5 brengt voor ontwikkelaars echter vooral voordelen met zich mee, geen flash videoplayers met lange codes meer, eenvoudig structuur aanbrengen met <header>, <nav> en <video> en tal van andere nieuwe features.

HTML5 voor de gebruiker

Uiteraard zijn de vele voordelen niet alleen maar voor de ontwikkelaars. Het grootste voordeel van HTML5 zal merkbaar zijn tijdens het surfen op internet. Een aantal voordelen van HTML5 ten opzichte van HTML 4 op een rijtje:

- Pagina lay-outs kunnen sneller en op een standaard manier worden opgezet.
- De browser kan zelf tekeningen genereren.
- Standaard ondersteuning drag- en dropfuncties
- Standaard tekstverwerkers in de browser voor het eenvoudig beheren van websites.
- Offline functionaliteit als Google Gears.
- Location based services op basis van de browser.

Internet zal dus aanzienlijk sneller en eenvoudiger worden tijdens het surfen. Iets wat helemaal in lijn is met de Web2.0 ontwikkelingen op het net en wat veel voordelen gaat opleveren bij het gebruik van verschillende Social Media platforms,websites en applicaties.

Websites opgebouwd in HTML5 (met dank aan visionwidget.com)

www.spaghettiphp.org

www.ryanmerrill.net

www.nomorestupidlights.com

www.ousmane-ndiaye.com

www.primemoverspilatessolutions.co.uk

www.adriancheng.name

www.cursoclio.com.br/o-curso-clio/

www.hyperlingo.com

Voorbeelden

Presentaties met HTML5

http://apirocks.com/html5/html5.html#slide1

Videos synchroon afspelen

http://html5demos.com/two-videos

In interactief canvas

http://html5demos.com/canvas-grad

Direct wijzigingen aanbrengen in content

http://html5demos.com/contenteditable

Location based services

http://html5demos.com/geo

Drag- and dropfuncties

http://html5demos.com/drag

Grafieken en overzichten

http://www.rgraph.net/

Teken tools

http://mugtug.com/sketchpad/

http://mrdoob.com/projects/harmony/

Een klok op basis van ‘Canvas’

http://www.perisic.com/canvasclock/ExParameters.html

http://randomibis.com/coolclock/

Overige voorbeelden op basis van HTML5 Canvas

http://www.professorcloud.com/mainsite/canvas-nebula.htm

http://craftymind.com/factory/
html5video/CanvasVideo.html

http://www.kevs3d.co.uk/dev/canvask3d/k3d_test.html#

http://www.feedtank.com/labs/html_canvas/

http://tomtheisen.com/spread/

http://open.adaptedstudio.com/html5/many-lines/

http://modern-carpentry.com/workshop/html5/waveform/

http://9elements.com/io/projects/html5/canvas/

http://tamats.com/canvas/