Sinds Steve Jobs met zijn open brief Thoughts on Flash de knuppel in het hoenderhok gooide is het percentage Flash-sites op het web in rap tempo afgenomen. En zelfs Adobe heeft geen risico genomen en ook ingezet op HTML5, bijvoorbeeld met Adobe's Edge Tools.

Maar wat kan HTML5 nu precies, wat zijn de mogelijkheden van dit platform?

En schitterende demonstratie hiervan is de site Form Follows Function van Jongmin Kim, wat ons betreft een absolute aanrader om te bekijken van te genieten als je even tijd over hebt.

Want wat je daar ziet loopt van smaakvol simpel (bijvoorbeeld Plant Trees) tot en met zeer gecompliceerd en spectaculair (Universe Panorama). En het is altijd mooi om te zien en het loopt (getest in Safari) allemaal als een zonnetje.

Mooie tip. Heel fraai inderdaad! Werkt uitstekend op de iPad en daar gaat het natuurlijk om.

Nog een hoop andere interessante (maar meer experimentele) voorbeelden op paperjs.org waar javascript in combinatie met html5 gebruikt wordt om vectoren te animeren. Ook zeer cool. Je kunt als gebruiker bij sommige voorbeelden je eigen content erheen draggen.

Het nadeel vind ik altijd dat je al deze acties niet bij elkaar moet bundelen want dan zie je de kracht en te toegevoegde waarde er eigenlijk niet meer van.
Een leek ziet nu een hoop poespas (kermis) die hij liever niet op een website ziet terugkomen en ook geen idee heeft hoe iemand dit soort dingen zou kunnen gebruiken in een website als toegevoegde waarde. Op welke website regent het letters of content want dat is de manier zoals een leek hiernaar kijkt. Geen enkele dus heb ik het ook niet nodig en is het allemaal ver van mijn bed show!

Ik durf te wedden dat veel mensen met een eigen portfolio veel nieuwsgieriger zijn geworden naar die carousel-/waaier waar al deze items in staan omdat het niet op de voorgrond aanwezig is maar gewoon een ideale toegevoegde waarde is tot de content.
Maar de carousel en het effect voordat een item getoond wordt is precies het zelfde en had ook opgedeeld kunnen worden in 2 a 3 verschillende items in de carousel zelf alleen is het maken van een 'loader' en het verplaatsen van een object met een 'fade effect' erin niet spectaculair genoeg.



En gelukkig zijn er ook zeer goedkope alternatieven voor Adobe Edge zodat mensen niet mee hoeven te gaan in de 'verplichte' Creative Cloud cultuur van Adobe.
http://www.sencha.com/products/animator/

Adobe is een slechte verliezer in het geheel!

In Safari (5) geen fullscreen en in Chrome bij mij niet bepaald snel. In Chrome begon ook meteen de ventilator te loeien iets wat ik bij flash sites ook al zo irritant vond.
Wel mooi gemaakt.

Apple heeft al jaren http://www.apple.com/html5/, maar dar wordt nauwelijks wat geüpdatet wat jammer is

 

@Blender, onderaan website kan je klikken op fullscreen.

@jackybe67, weet ik maar die doet het dus niet bij mij op Safari 5.

Ik heb ook even gekeken wat het met de processor deed, maar die kroop toch nog rap op naar de 90 graden. Had stiekem gehoopt hier toch een klein wonder mee te maken.  

Het is meer canvas (niet helemaal html5) svg (geen html5) en css3 (ook al geen html5)... Maar wel mooi!

De getoonde animaties zijn met JavaScript gemaakt. HTML5 heeft zulke mogelijkheden helemaal niet aan boord. Als ik de broncode eens goed nakijk, zie ik dat er o.a. gebruik wordt gemaakt van het GSAP animatie platform (www.greensock.com).
Op Apple's site staan ook een aantal voorbeelden, welke allemaal zwaar afhankelijk zijn van de gebruikte JavaScripts. Al met al niet de mogelijkheden van HTML5, maar van JavaScript.

Kreeg de cpu van mijn macmini (de nieuwste i7 niet boven de 64 graden en liep ook terug naar 59.

Ziet er prachtig uit, over het technische gedeelte kan ik geen oordeel geven.