Cela ressemble aux animations produites par le plug-in Cooliris dans Safari mais dans le cas présent, point de Cooliris à l'oeuvre - ni de Flash - uniquement le moteur de Safari. Snow Stack est une démo qui s'appuie uniquement sur de l'HTML, du JavaScript et des effets permis par le WebKit du navigateur d'Apple.
"Ce qui me déprime un peu c'est que l'une des grosses ficelles de ce métier, c'est que rajouter une image type header en haut d'une maquette, une image un peu abstraite, avec des couleurs saturées, et un petit effet animé, genre bandeau en flash avec quelques effets d'opacité et un arrière plan subtilement animé (genre des petites formes qui bougent on sait pas à quoi ça sert on sait pas ce que c'est mais ça fait joli), hé bha ça, rien que ça, ça suffit à faire la différence entre une maquette "Ouiais, c'est bien hein, mais c'est un peu cheap" et une maquette "Woaow il déchre ton site !""
Lunascape 5.0 alpha intègre en effet au sein d'un même browser, les moteurs de IE (Trident - ??), Chrome/Safari (Webkit) et Firefox (Gecko). Pratique pour tester tout un tas de chose sans avoir à lancer 10 browsers en même temps.
Voilà un joli site qui exploite subtilement un effet de parallaxe vertical, pour donner de la profondeur à la page, astucieux !
L'outil de visualisation lié à Facebook ou Twitter, fizz, est plutôt pas mal, pour compléter.
Moving Sonic the Hedgehog to the right caused the foreground to move past the camera to the left faster than the background, creating a faux-3D view of Green Hill Zone. We can create a similar effect on a web page by fixing semi-transparent background images to different sides of the browser viewport, and at different horizontal percentage positions.
I mean Parallax Scrolling which is a technique often used in good ol' arcade and video games like Moon Patrol or Sonic the Hedgehog. In such 2D games parallax scrolling was used to create an illusion of three dimensional depth.