SVG & CSS Transforms
|
28-05-2012, 02:06 PM
Le site du Beercamp de cette année fait encore montre d'originalité en présentant un popup book développé grâce à SVG et CSS transforms.
Un article sur Smashing Magazine permet d'en lire plus sur l'approche adoptée et sur quelques problèmes rencontrés lors de la réalisation de ce site.
28-05-2012, 11:09 PM
Sympa !
Les éléments verticaux ne se chargent qu'une fois la page totalement tournée, ça vous le fait ?
29-05-2012, 09:33 AM
Ben, ça affiche un carré vert, un carré marron et un footer ... et c'est tout.
Bon, je l'ai ouvert du boulot. Peut-être que règle de proxy oblige.
29-05-2012, 10:26 AM
(29-05-2012, 09:33 AM)keke a écrit : Ben, ça affiche un carré vert, un carré marron et un footer ... et c'est tout. oui t'as un souci, ça ressemble à un bouquin pour môme, avec du relief quand il se déplie mais effectivement le boulot me filtre plusieurs éléments sur le site par contre je trouve que ca saccade bcp (ff 12 pour l'essai) vous aussi ? ou est ce ma config qui déconne (ce qui est possible)
29-05-2012, 10:58 AM
Il faut savoir que nclud, la société qui créé les sites Beercamp, ne cherche pas la portabilité, ni la compatibilité. Ce qu'ils cherchent c'est l'expérience. Ils le disent clairement d'ailleurs dans l'article sur SM.
29-05-2012, 11:13 AM
C'est vraiment sympa !
Sur mon ordinateur (core 2 duo @ 2.4 GHz), c'est plutôt fluide. Par contre le rendu est assez aliasé. Dans ce genre, 20 Things I learned était sympa.
29-05-2012, 11:46 AM
(29-05-2012, 11:13 AM)Sephi-Chan a écrit : Sur mon ordinateur (core 2 duo @ 2.4 GHz), c'est plutôt fluide. ah par contre avec mon dual core 2 x 2.2Ghz c'est absolument pas fluide du tout avec firefox, s'en est même moche...par contre ok avec chrome... par contre 20 "Things I learned" passe nickel il y a encore pas mal de problèmes avec le SVG selon les navigateurs: pour cet exemple: safari pc : OK Chrome: OK FireFox : ca rame et c'est moche IE : n'affiche rien Opera : Booo! It looks like your browser doesn't support 3D transforms. You can still attend the party, but you will be judged.
29-05-2012, 01:18 PM
Firefox c'est de la merde ! :p
Et Opera aussi (à part pour les bonnes idées d'UI). Sur un site spécifique, j'avais de meilleures performances avec Chrome sur mon MacBook Pro (core 2 duo @ 2.4) qu'avec Firefox sur mon iMac (core i7 quad @ 3.4 GHz). Epic browser spotted! |
|
|
