Bienvenue à Mammouthland,

Mardi
26/10/10

Paris Web 2010, j'y étais... [1/2]

Je ne vais pas me lancer dans une description détaillée de toutes les conférences auxquelles j'ai assisté, mais juste parler de mes deux coups de coeur de cet excellent cru 2010. Ceci, bien entendu, n'écartant en rien la qualité des autres.

La macrotypographie de la page web - Anne-Sophie Fradier

Je dois l'avouer, au départ, le titre ne m'alléchait pas plus que ça. L'agréable surprise fut donc de taille. Mais celle-ci n'est pas la seule explication : ce fut tout simplement une excellente conférence menée avec humour et brio.

La page Web a des dimensions et un format imprévisibles, une longueur illimitée.
Elle est interprétée par le navigateur et soumise au contrôle de l'utilisateur.

Pour marier donc au mieux la carpe et le lapin (dixit Anne-Sophie), il faut donc respecter un certain nombre de critères.

• Définir des marges harmonieuses pour que l'oeil ne se heurte pas aux bords de la fenêtre ;
• Utiliser des grilles (avec un soupçon de nombre d'or si besoin est) ;
• S'appuyer sur des lignes de base ;
• Marier les équilibres et les déséquilibres selon les effets désirés.

Le principe de division d'un seul et même texte en pages ou en colonnes ne peut pas – et ne doit pas – être appliqué au Web.

L'oeil ayant besoin de pauses, il faut donc trouver d'autres moyens pour une page web. Sortez vos calculatrices...

• Un texte justifié devrait comporter 55 à 65 caractères par lignes. Pour le calculer cette largeur, multiplier la taille de la police par 30 ;
• L'interlignage devrait être de 140 à 150% de la taille de la police ;
• Éviter de faire de trop longs paragraphes et utiliser du padding-bottom pour les espacer ;
• User des titres, des sous-titres et des mises en exergue pour inciter les lecteurs à poursuivre.

Et la conclusion de notre truculente conférencière ?

Et n'oubliez pas : comprendre les règles, c'est bien ;
les enfreindre, c'est mieux.

• Diaporama de la conférence sur la macrotypographie - ParisWeb 2010.
• Suivre Anne-Sophie Fradier sur twitter
• Son dernier né : Typographisme

Comment un vigneron étranger utilise le web pour s'intégrer dans la France rurale - Ryan O'Connell

L'OVNI de la manifestation ! Que celui ou celle qui n'a pas succombé à son charme lève la main !... et sorte tout de suite.

Avec un titre pareil, bien malin celui qui aurait pu prédire le zing-boum-hue de cette mini-conférence. Un quart d'heure de délires et de rires. Un truc à injecter en intraveineuse à Brice Hortefeux.

Le rapport avec le web ? Ah si, quand même, il y en avait un : l'utilisation des réseaux sociaux pour s'intégrer au monde viticulteur du Languedoc. Belle gageure, pas forcément évidente au départ. Il l'a fait, et bien fait. Bravo Ryan !

• Diaporama de la mini conférence sur l'intégration du vigneron étranger - Paris Web 2010.
• Suivre Ryan sur twitter
• Love That Languedoc

Jeudi
28/10/10

Paris Web 2010, j'y étais... [2/2]

Après mes 2 coups de coeur côté conférences, place aux ateliers dont on ne parle pas assez.

Comment ça, c'est pas du flash ? - Christophe Porteneuve

Christophe, ex président de Paris Web, nous a présenté un atelier qui poutre à la Paul Rouget.

À grand coups d'exemples plus bluffants les uns que les autres, Christophe nous a montré comment faire du flash... sans flash .
Malheureusement, point de diaporama support à présenter ici : Christophe n'a visiblement rien mis en ligne. Dommage.

• Suivre Christophe sur Twitter
• TDD

[Edit 30/10/10] :

• Le diaporama « Comment ça, c'est pas du flash ? »
• 47 démos d'animations en CSS3

Accessibilité et Référencement - Sébastien Billard

Ahhhh, que cela fait du bien d'entendre un référenceur parler d'accessibilité. J'ai parfois l'impression que pour certains tout est bon à exploiter, et donc à détourner, pour se retrouver en première page de google... En oubliant qu'une page web est faite d'abord pour des humains de chair et de sang.

Sébastien pose donc bien les règles permettant de concilier référencement et accessibilité.

• Bien penser que les robots sont "aveugles", donc privilégier le texte.
• L'attribut alt doit être soigné pour les personnes et pas être une suite de mots clés,
• Vidéos et fichiers audio devraient avoir un transcript ou un résumé,
• La validation d'un code n'est pas une fin en soi car elle n'est pas une prime à la pertinence,
• Si la tag soupe n'est pas forcément un frein au positionnement, alléger les pages à l'aide des CSS est un plus,
• Respecter la sémantique sans céder au détournement de balises,
• Faire attention aux imbrications de tables qui peuvent donner des résultats abscons,
• Mettre un contenu alternatif au flash,
• Utiliser le javascript à bon escient,
• etc.

• Le diaporama de son atelier
• Suivre Sébastien sur twitter
• Référencement, design et cie

Plus belle la vie avec HTML5 et CSS3 - Raphaël Goetter et ma pomme

Retour donc du binôme de trac de choc bretonno-alsacien pour un nouvel atelier. C'est toujours un plaisir de travailler avec Raphaël tant sa passion est communicatrice.

Les deux choses que j'ai néanmoins regretté :

1. Nous retrouver en amphi ce qui n'était pas la meilleure configuration pour un atelier où les spectateurs ne devaient justement pas l'être ;
2. De ne pas avoir prévu de supports plus accessibles pour faire les exercices demandés. Coder sans exemples clairs, ce n'est pas facile.

Du coup, il y a eu moins d'interactivité et d'implication des participants que ce que nous aurions souhaité. Cela dit, j'ai prévu une séance de rattrapage sur CSS débutant. En espérant que cela donne envie à quelques uns de mettre les mains dans le code...

• Diaporama et exercices de l'atelier
• Suivre Raphaël sur Twitter
• Me suivre sur Twitter
• Alsacréations
• CSS débutant

En conclusion

Heureuse d'avoir pu revoir tant d'amis (qu'en faire la liste ici serait trop long), heureuse d'avoir fait de nouvelles rencontres comme Martin par exemple, heureuse d'avoir entendu parler pendant 3 jours d'un beau web.

À force de répéter à chaque édition de ParisWeb est super megamissemement génial, qu'on va finir par faire croire que c'est exagéré. Mais non, ce n'est pas exagéré !
C'est une telle dose de bonne humeur, de bonnes pratiques, de remotivation annuelle que cela devrait être remboursé par la sécurité sociale tant ça fait du bien.

Paris Web 2011 ? J'y serai.