Chez Jérémie - Paris Web 2011 : SVG et Typographie - Commentaires

Paris Web 2011 : SVG et Typographie - Fabien

Fabien — Fri, 21 Oct 2011 18:51:31 +0200

Bonjour Jérémie,

Ta conf sur la typographie est une des plus intéressante que j’ai pu voir (donc super/super/super intéressante, vu que TOUTES les conf étaient … intéressantes )

Merci beaucoup pour ces explications qui me donne envie d’aller plus loin dans ma quête du pixel perfect !

Paris Web 2011 : SVG et Typographie - tetue

tetue — Fri, 21 Oct 2011 00:45:45 +0200

Oui, bravo ! Tu as vraiment assuré et c’était édifiant et épatant, merci !

Paris Web 2011 : SVG et Typographie - Jeremie

Jeremie — Wed, 19 Oct 2011 15:14:23 +0200

@Adrien A noter également, que je n’ai pas travaillé la compatibilité multinavigateur. J’ai réalisé l’animation avec Firefox et elle se comporte plutôt bien avec Chrome, Safari et Opera (mais pas IE9 qui ne supporte pas les animation SVG… et visiblement, vu les discussion que j’ai eu avec Patrick Dengler de MS, c’est pas demain la veille :-/)

En dehors des questions de performance (Opera est le meilleur et Safari le pire), on notera tout de même les bugs suivant :

Chrome et Safari on du mal a afficher quelques détails des personnage
Opera n’arrive pas à afficher certains motifs qui viennent d’Illustrator (et Opera Next souffre d’une régression que j’ai remonté aux Dev d’Opera)
Chrome et Safari ne supportent pas les attributs values et keyTimes que j’utilise à certain moment
Parfois, Firefox affiche des artefacts de rendu, mais ce n’est pas systématique.

Paris Web 2011 : SVG et Typographie - Jeremie

Jeremie — Wed, 19 Oct 2011 14:52:57 +0200

@Adrien Oui, effectivement, l’ensemble des éléments graphiques sortent d’Illustrator. Je les réutilise sans retouche, tel quel (sauf un renommage des ID générés automatiquement par Illustrator pour éviter les conflits, mais ça ce résume à un rechercher/remplacer de quelques secondes à chaque fois). A noter que parfois, illustrator ne sais pas convertir certain de ses filtres en SVG donc, il produit des images PNG pour les émuler… il faut y faire un peu attention.

La partie animation et positionnement des éléments a été intégralement faite à la main et dans la mesure ou il n’y a pas d’IDE pour ça, effectivement, c’est un gros travail (entre 30 et 40 heure de boulot pour tout animer avec pas mal d’essais et d’erreurs au début. Maintenant, avec l’expérience, je pense que j’irai beaucoup plus vite)

[ping] Paris Web 2011 : SVG et Typographie - clochix

clochix — Wed, 19 Oct 2011 11:26:14 +0200

clochix's status on Wednesday, 19-Oct-11 09:25:44 UTC

Les présentations de @JeremiePat (typographie dans le navigateuret et intro à SVG) et sa jolie démo SVG sont en ligne http://t.co/Atu4A4Xm...

Paris Web 2011 : SVG et Typographie - Adrien Leygues

Adrien Leygues — Wed, 19 Oct 2011 10:48:49 +0200

Hello Jérémie,

saurais-tu me dire la part de ce qui a été codé à la main et ce qui sort d’illustator ?

J’imagine que tous les dessins sont fait dans illustrator et que tu as codé à la main toutes les animations ? Ca me parait titanesque comme boulot !

Adrien

Paris Web 2011 : SVG et Typographie - cyberbaloo

cyberbaloo — Wed, 19 Oct 2011 09:23:57 +0200

Merci à toi car j’ai appris des choses et pas des moindres,
Merci à toi d’avoir été aussi audible pendant la mini-conf et l’atelier, c’était pas chose aisée mais c’était génial.

Paris Web 2011 : SVG et Typographie - Nicolas Hoizey

Nicolas Hoizey — Wed, 19 Oct 2011 09:15:15 +0200

Merci beaucoup pour ces trois interventions géniales, j’ai pas mal appris, et surtout maintenant j’ai grave envie de développer un jeu en SVG/Raphael !