+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Général (https://jeuweb.org/forumdisplay.php?fid=36)
+--- Forum : Blabla (https://jeuweb.org/forumdisplay.php?fid=42)
+--- Sujet : SVG & CSS Transforms (/showthread.php?tid=6159)
Pages :
1
2
SVG & CSS Transforms - Plume - 28-05-2012
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.
RE: SVG & CSS Transforms - niahoo - 28-05-2012
Sympa !
Les éléments verticaux ne se chargent qu'une fois la page totalement tournée, ça vous le fait ?
RE: SVG & CSS Transforms - archANJS - 28-05-2012
Pas mal
RE: SVG & CSS Transforms - keke - 29-05-2012
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.
RE: SVG & CSS Transforms - Ter Rowan - 29-05-2012
(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.
Bon, je l'ai ouvert du boulot. Peut-être que règle de proxy oblige.
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)
RE: SVG & CSS Transforms - Plume - 29-05-2012
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.
RE: SVG & CSS Transforms - Sephi-Chan - 29-05-2012
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.
RE: SVG & CSS Transforms - php_addict - 29-05-2012
(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.
RE: SVG & CSS Transforms - Sephi-Chan - 29-05-2012
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!
RE: SVG & CSS Transforms - niahoo - 29-05-2012
Chrome c'est des connards, Safari reste totalement à la rue. bon y a plus qu'à tester sur IE …