Chez Jérémie - Web - Commentaires

Documenter le Web ouvert, pourquoi et comment - Nitro

Nitro — Tue, 10 Jan 2012 14:36:30 +0100

Merci jérémie pour la censure de mon post sur le SVG à partir de IE de $M !

Et bravo pour ce fameux discours pour un monde plus ouvert !

Nitroblog

Documenter le Web ouvert, pourquoi et comment - Draeli

Draeli — Mon, 09 Jan 2012 14:43:04 +0100

C’est effectivement une bonne vu d’ensemble des complexités de la création de site et il est vrai qu’à l’heure actuel il est impossible de trouver une documentation centralisé avec TOUS
Actuellement l’une de mes références hors doc. w3c c’est celle de Mozilla : https://developer.mozilla.org/fr/ qui représente un énorme travail.

Documenter le Web ouvert, pourquoi et comment - Jeremie

Jeremie — Thu, 05 Jan 2012 21:51:46 +0100

@vinc17

Oui, tu as parfaitement raison. J’utilise toujours “balise” par abus de langage pour désigner les éléments car quand je parle des balises ouvrantes ou fermantes je les qualifie explicitement d’ouvrantes et fermantes

@Eleg

Merci, c’est corrigé Sinon, n’hésite pas à passer un de ces mercredi.

Documenter le Web ouvert, pourquoi et comment - Eleg

Eleg — Wed, 04 Jan 2012 21:36:43 +0100

Raté pour ce soir ! ;-]
Une ‘tite typo :

W3C et consort.
[…] et surtout, elles ne permettent pas de savoir qu’elles sont les différences d’implémentation d’un logiciel à l’autre. […] gâteau).
-> quelles les diff…

Documenter le Web ouvert, pourquoi et comment - joliclic

joliclic — Wed, 04 Jan 2012 12:01:20 +0100

Une minuscule pierre à l’édifice, j’avais publié il y a quelques temps une collection de marque-pages pointant vers des docs que je jugeait pertinentes:

http://http://joliclic.free.fr/misc…

Ca ne résoud pas la problématique de nouvelles docs ;), mais çà tente humblement de rassembler celles existantes.

Documenter le Web ouvert, pourquoi et comment - David Latapie

David Latapie — Tue, 03 Jan 2012 19:14:19 +0100

Excellent article, qui soulève une problématique bien trop peu soulevée (et pourtant vécu par tous - moi aussi je suis un vieux qui a appris avec le “afficher la source”)

J’ajouterai un point : “faites simple, ça se compliquera bien assez vite”.
En naviguant sur le web et en apprenant, j’ai constaté combien à chaque fois les auteurs se sentent obligés de faire des pavés (moi y compris !), sous prétexte qu’il faut bien remplir la page.

Partant de ce constat, j’ai compilé des années d’astuces CSS de mon blog en une seule page :

http://david.latapie.name/blog/css-…

Certes, ça renvoit ensuite sur d’autre page, mais ça permet un meilleur ratio signal sur bruit, une “cheatsheet” nécessaire quand on voit l’ampleur des infos possible.

Donc voilà : faites exhaustif, mais faites aussi simple. “Il semble que la perfection est atteinte non quand il ne reste rien à ajouter, mais quand il ne reste rien à enlever”

Documenter le Web ouvert, pourquoi et comment - vinc17

vinc17 — Tue, 03 Jan 2012 18:10:07 +0100

Je viens de commencer à lire, et cet article me semble très intéressant (il faut que je me mette vraiment à jour…). Pendant que j’y pense, concernant les quelques chiffres bruts, je signale qu’il ne faut pas confondre “balise” et “élément” (pour un élément, il y a plusieurs balises: ouvrante, fermante…).

Documenter le Web ouvert, pourquoi et comment - Caroline

Caroline — Tue, 03 Jan 2012 14:51:47 +0100

les participes passé sont une calamité sur le net
à côté de cela, vous avez un sens rédactionnel très fluide et vraiment agréable à lire. merci
(je vous ai cherché sur g+ sans succès)
(pour la faute sur le “très” c’est moi dans mon premier commentaire ahah)

Documenter le Web ouvert, pourquoi et comment - Jeremie

Jeremie — Tue, 03 Jan 2012 14:43:14 +0100

@Caroline

Merci de m’avoir signalé les fautes (même si je n’ai pas compris ou est la faute sur « trés »)
Je l’ai déjà dis, je le redis et je le redirai, mais mon orthographe est catastrophique (je le sais et je lutte vaillamment) donc j’apprécie toujours qu’on me le signale.

Pour la petite histoire, je saupoudre toujours les « e » et les « s » au petit bonheur la chance… mais j’y arriverai un jour, à faire ça correctement

Et pour conclure il faut savoir que pour écrire un article comme celui-ci, je passe 2h à écrire et environs 4h à me relire pour l’avoir dans l’état ou vous l’avez trouvé… donc bon, voila quoi (oui, 1/3 d’écriture pour 2/3 de relecture et il y a encore des fautes de base).

Documenter le Web ouvert, pourquoi et comment - Adrien Leygues

Adrien Leygues — Tue, 03 Jan 2012 14:34:29 +0100

Merci Jérémie, ça donne envie !

Je fais tourner =)

Adrien

Documenter le Web ouvert, pourquoi et comment - Caroline

Caroline — Tue, 03 Jan 2012 14:24:54 +0100

ahah et donc “trés” biensûr :)) (le vieux coup classique) :))

Documenter le Web ouvert, pourquoi et comment - Caroline

Caroline — Tue, 03 Jan 2012 14:23:51 +0100

Tès bon article. Très engageant.

Attention cependant aux fautes (“si vous pensez” (mozilla) et les participes passé “a été créé” (2 fois dans w3c) la relecture fait aussi partie de l’écriture :))

Documenter le Web ouvert, pourquoi et comment - René Paul

René Paul — Mon, 02 Jan 2012 18:37:07 +0100

Bravo

Très bon article qui démontre l’ampleur de la tâche pour un webmestre …

Je vais citer cet article en référence, pour mieux faire connaître la réalité du web …

René Paul
http://www.RenePaul.net
http://www.uqar.ca

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.