Chez Jérémie - Mot-clé - conférence - Commentaires

Des kiwis sans pépins - Jeremie

Jeremie — Mon, 07 May 2012 12:07:55 +0200

Salut,

A priori, toutes les conférences ont été filmé. La mise à disposition des vidéos ne devrait pas trop trainer, n’hésites pas à harceler Raphael

Des kiwis sans pépins - nfroidure

nfroidure — Mon, 07 May 2012 10:18:10 +0200

Bonjour,

Y aura-t-il des vidéos mises en ligne ? Je suis particulièrement intéressé par la présentation de David Rousset qui m’a épaté à Paris Web.

Effectivement, Microsoft commence à comprendre l’intérêt des formats ouverts et des standards, ce qui risque de nous rendre la vie bien plus belle !

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 !

@media London 2010 : Day 1 - Jeremie

Jeremie — Mon, 14 Jun 2010 17:02:23 +0200

Oui, je suis d'accord, la question des performances n'est pas trivial mais ce n'est pas une raison suffisante pour s'interdire d'explorer le sujet et de voir comment s'en servir intelligemment (par exemple pour des utilisateur connecté en haut débit et peut-être pas sur un site à fort trafique).

Pour ce qui est de la qualité de rendu des typo, effectivement, l'OS est fortement mis en cause, mais pas seulement, le support navigateur a aussi son importance.

Concernant la qualité des Polices elles-même, il va de soit qu'il faut avoir un minimum de bon sens graphique pour savoir choisir des polices adaptées au média et suffisamment complète par rapport à la langue et l'encodage utilisé dans le document.. Pour limiter au maximum la casse à ce niveau il existe d'excellent outils en ligne comme par exemple : http://www.fontsquirrel.com/fontfac... qui va faire les conversions de format nécessaires, et "nettoyer" la police typographique que l'on prévois d'utiliser.

Personnellement, je préfère faire des expérimentations et pousser à l'utilisation de cette technique, quitte à prévoir des dégradations graphiques quand ce n'est vraiment pas gérable en terme de rendu (oui, je parle bien de "Gracefull Degradation"... c'est le leitmotive de Andy Clark et même si personnellement je suis un peu plus nuancé que lui, j'ai tendance à adopter de plus en plus cette position).

@media London 2010 : Day 1 - Florent V.

Florent V. — Mon, 14 Jun 2010 12:25:33 +0200

Pour les polices typographiques: il y a deux freins majeurs. Le premier c’est bien sûr l’impact sur les performances, on peut dire que c’est un autre débat si on veut mais c’est un débat qui doit intéresser l’intégrateur web, et d’un peu plus loin le chef de projet et le webmarketeur qui mesure les performances et ses taux de transformation.

Le deuxième c’est la qualité du rendu du texte quand on utilise cette technique. Il est facile de ne pas se poser de question à ce sujet quand on utilise OS X, voire Linux. Mais même si Vista et 7 apportent un rendu des fontes plus élégant, il reste énormément de Windows XP. De plus, sur à peu près tous les OS on peut tomber sur des problèmes de rendu lié au dessin spécifique de la fonte (pas toujours optimisée pour l'écran), à l'utilisation ou non du hinting, à un support problématique de certaines métadonnées dans tel ou tel format de fonte… ou l'absence de ces métadonnées. Bref, c'est un peu la jungle et il y a des surprises. Tu peux tester sur trois machines différentes et il y aura toujours quelqu'un pour venir te dire que sur sa configuration, le texte est illisible. Ces problèmes se gèrent, si besoin en dégradation élégante avec peut-être même du scripting et du User-Agent sniffing. Et donc au final le frein est financier: s’écarter des fontes «web safe» qui sont toutes optimisées pour l'écran et bien supportées sur tous les OS, ça prend du temps et donc coute de l'argent.

@media London 2010 : Day 1 - Jeremie

Jeremie — Wed, 09 Jun 2010 12:54:36 +0200

Stephane, je confirme Daniel en avait parlé. Andy m'a fait rire justement car il en a fait mention en disant que Daniel l'avait qualifié de "Naïf" lorsque il a réalisé ce qui se passait dans le groupe de travail CSS.

@media London 2010 : Day 1 - Stéphane Deschamps

Stéphane Deschamps — Wed, 09 Jun 2010 10:27:58 +0200

"Il en profite pour démystifier le sujet en insistant sur un point clé : la normalisation est faite pour les constructeurs par les constructeurs. Le point de vue des designer est très peu représenté (il n'y a que 2 experts invités dans le groupe de travail CSS) "

Daniel Glazman en parlait à Paris Web 2007 (de tête) en disant que les designers sont les bienvenus mais que les appels du pied du WG restent souvent lettre morte. En gros pour résumer, il est plus facile de râler et de se faire sa pub (cherche CSS samurai sur google) que de bosser sur le fond et à long terme. Ce n'est pas une critique, hein, vu qu'on est tous un peu comme ça...

@media London 2010 : Day 1 - vi

vi — Wed, 09 Jun 2010 10:12:15 +0200

oh que j'aurais aimé être là pour assister au débat des maquettes html...

bon puisque je n'ai pas d'autre choix alors moi aussi un jour je serai riche !!

Paris Web 2009 is on my mind - Frank Taillandier

Frank Taillandier — Mon, 18 Jan 2010 19:37:44 +0100

J'avais loupé cette -excellente- conf, qui résume bien les problématiques quotidiennes du webdesigner. Merci pour ce retour d'expérience Jérémie et bon anniversaire :D