html5 & css3

openbook 360°
openbook 360°
opstelling voor 360° fotoreeks

Openbook

een 360°-experiment gebaseerd op interactive panorama-foto's, maar dan uitgevoerd met puur HTML5-technieken.

techniek: 72 foto's, gefotografeerd met een iPhone4 mét ontspanner (= zijn de oortjes van het ding!) met natuurlijk daglicht.
Nadien met batch-functies in Photoshop bewerkt en interactief gemaakt met behulp van jQuery en het 360 Image Slider-script.

Bekijk het experiment hier. Geen Flash nodig én werkt op alle smartphones!

04
05
06

HTML5-banner

Enkel een proof-of-concept: is het mogelijk met de huidige stand der techniek al volwaardige HTML5-banners te maken?
Bottomline, min of meer... al zijn we nog vér verwijderd van de verfijnde animaties zoals in Flash.

techniek: HTML5 boilerplate met positionering in CSS, geanimeerd met Greensock GSAP v12.

Bekijk het experiment hier.

HTML5 banner - Greensock GSAP v12
HTML5 banner