HTeuMeuLeu

L’année 2017 se termine. J’avais bien aimé me prêter à l’exercice de la rétrospective l’an dernier. Alors rebelotte. En 2017, j’ai fait ça.

2 articles

Même si j’ai partagé une dizaine de notes et de liens, je n’ai publié aucun article  à proprement parler sur ce présent blog. Ce n’est pourtant pas faute d’avoir essayé. J’ai pas mal de brouillons en attente. Mais faute de temps et d’envie, je me suis surtout consacré à d’autres articles sur (prenez un air surpris) l’intégration d’e-mails.

Cette année, j’ai donc publié uniquement deux articles sur mon blog dédié à l’intégration d’e-mails :

• Faut-il arrêter d’écrire ses styles en ligne dans des e‑mails ?, 10 février
• Email Camera, 30 août

Avec le recul, je réalise à quel point c’est dommage d’avoir écrit si peu en français. Parce que j’ai quand même pas mal écrit à côté de ça en anglais.

7 articles en anglais

J’ai publié sept articles en anglais sur mon blog dédié à l’intégration d’e-mails (en anglais) :

• Troubleshooting Gmail’s responsive design support, 5 janvier
• Should we stop inlining styles in emails?, 8 février
• Outlook.com’s latest bug and how to fix gaps under images, 10 avril
• Fake background in email, 18 juillet
• Email Camera, 29 août
• The Great Mess of Alternative Text, 31 août
• The trap of using @supports in emails, 10 octobre

L’article d’aide au support du responsive dans Gmail est de loin le plus lu, avec 12 800 vues (selon Medium). Les autres articles oscillent entre 500 et 3000 vues.

3 conférences

Cette année, j’ai eu la chance d’assister à Sud Web en tant que spectateur. Et comme à chaque fois, Sud Web, c’est bien.

Et puis j’ai aussi participé à trois conférences et un lightning talk en tant qu’orateur :

• La technique des Fab Four à Best of Web, le 9 juin
• Les campagnes inspirantes et les dispositifs innovants de demain chez Cabestan, le 20 juin
• Email Camera à Litmus Live à Londres, le 29 août
• The Great Mess of Alternative Text à Litmus Live à Londres, le 30 août

Mon lightning talk sur l’Email Camera est de loin la présentation que j’ai pris le plus de plaisir à préparer et à donner. J’étais tout content de voir la vidéo après coup, jusqu’à ce que je réalise que mon accent anglais accouplé au stress nuisait beaucoup au tout.

2 formations

J’ai donné deux formations cette année (en juin et en novembre), toujours sur l’intégration d’e-mails. Je prends toujours autant de plaisir à donner des formations, même si c’est épuisant. J’espère pouvoir continuer encore en 2018.

Et aussi…

Dans un registre plus personnel, cette année aussi :

• Je me suis marié.
• J’ai eu un deuxième enfant.
• J’ai joué plus de cent heures à The Legend of Zelda : Breath of the Wild sur Switch. C’est assez exceptionnel sachant que je me lasse de la plupart des jeux avant d’y passer dix heures. (Ce qui est le cas de Super Mario Odyssey, par exemple.)
• J’ai relancé 24 jours de web. Je m’en veux énormément car j’ai complètement lâché l’affaire une fois arrivé le deuxième point cité plus haut. Mais fort heureusement, plein de gentils et gentilles gens ont pris la relève pour que tout tourne. Je reviendrais plus longuement prochainement sur tout ça. Mais merci à celles et à ceux qui ont rendu possible cette nouvelle édition.

Ce que je n’ai pas fait

Sans surprise, mais avec un peu de tristesse, je peux reprendre les mêmes points que l’an dernier. À savoir :

• Écrire un livre sur l’intégration d’e-mails.
• Faire une chaîne Youtube pour parler du Web.
• Mettre à jour le site de ma boîte.

La bonne nouvelle, c’est que je commence à avancer sur ces points (surtout le dernier). J’espère que j’arriverais enfin à trouver le temps de lancer ces projets en 2018.

Bonne année à tous !

Noël, c’est terminé. Et #nowwwel aussi. Pour mon plus grand plaisir, l’appel lancé en novembre dernier pour palier à 24 jours de web a vraiment bien fonctionné. J’ai recensé 46 articles publiés pour l’occasion. C’est une belle preuve, s’il en fallait une, que la communauté francophone des gens qui travaillent dans le Web se porte bien.

Alors merci à toutes et à tous pour vos articles, commentaires, partages.

Voici la liste des articles de #nowwwel 2016. N’hésitez pas à me le signaler si j’en ai oublié.

• Merci ! (01/12, Éric Le Meur)
• Mettre en ligne son site web statique et évaluer sa qualité (01/12, Jérémy Raffin)
• Notre quotidien d’équipe projet auto-organisée (01/12, Richard Hanna)
• La revue de code bienveillante (01/12, Gilles Roustan)
• Les conseils à donner aux débutants en intégration (02/12, Cyril Krylatov)
• 2 ans avec React, Babel, Webpack et cie (01/12, Julien)
• Le web quand ça n’est pas un métier (02/12, Marlène Ch.)
• 100 jours : l’état de grâce (02/12, Thomas Gasc)
• Obtenir du crédit auprès de vos clients pour garder le contrôle de vos projets (02/12, David Pollet)
• À contre courant (03/12, Florent Cotton)
• Les 3 facteurs qui freinent la démocratisation de l’intelligence artificielle (03/12, Thomas Sabatier)
• Un précieux foutoir (04/12, Florent Cotton)
• Dites bonjour aux bots ! (04/12, Alex Nicol)
• Comment je vais tenter de gagner un peu d’argent avec un projet opensource (05/12, Nicolas Lœuillet)
• Le web n’est pas mort, la revanche par les Progressives Web Apps (05/12, Richard Hanna)
• Content Security Policy (06/12, Nicolas Hoffmann)
• Flexbox Cheatsheet (pense-bête) (06/12, Raphaël Goetter)
• O browser, where art thou? (06/12, Florent Cotton)
• Ressuscitez le bouton du milieu ! (06/12, Xavier Mouton-Dubosc)
• Lettre ouverte au père Noël (06/12, Thomas Gasc)
• Retour d’expérience – déploiement automatique de sites web (08/12, Guillaume Lacasa)
• Sans regarder (08/12, Stéphane Deschamps et Xavier Mouton-Dubosc)
• Apprendre un nouveau langage pour étendre sa culture technique (08/12, Clément Keirua)
• Les nouveautés dʼIE4 (08/12, Gaël Poupard)
• Le recrutement dans le monde du web (10/12, Vanessa I.)
• Laissez mon sexe tranquille (11/12, Rémi Parmentier)
• Sécurisez vos cookies (instructions Secure et HttpOnly) (12/12, Damien Jubeau)
• Un lien par jour : méthode de veille (14/12, Antoine Fauchié)
• Du code front-end fait maison (15/12, Jérôme Boukorras)
• Vouloir trop bien faire et ne rien faire (15/12, Simon Prévidente)
• Militantisme festif (13/12, David Larlet)
• Quelques rouages d’un moteur JavaScript (18/12, Victor Felder)
• La place publique digitale (ou pourquoi le web est un lieu idéal pour les conteurs contemporains et autres artistes de rue) (19/12, Audrey Ayassami)
• La roue du cadeau pour Noël (20/12, Julien Deniau)
• Les super pouvoirs des navigateurs mobiles (21/12, Stéphanie Walter)
• Les manques à gagner de la publicité pour les éditeurs (21/12, Jean-Pierre Vincent)
• Combien coûte un service tiers gratuit ? (21/12, Jean-Pierre Vincent)
• La place du motion dans le workflow de la création digitale (21/12, Dylan Cozian)
• Les bonnes résolutions de l’entourage des travailleurs du web (22/12, Nicolas Hoffmann)
• Un Web au Futur (22/12, Boris Schapira)
• Le changement c’est… Ta gueule! (23/12, Brice Favre)
• Facturer à la tête du client (23/12, Geoffrey Crofte)
• Et si la clé des réussites business se trouvait dans l’UX du code ? (24/12, Margaux Perrin et Johan Martinsson)
• Feuille de route d’une application React (24/12, Gaetan Kueny)
• L’informatique n’est pas un monde d’homme (28/12, Goulven Champenois)
• L’UX des newsletters (26/12, Marie-Cécile Paccard)

L’année 2016 se termine. Et en voyant d’autres rétrospectives, j’avais envie de faire la mienne. Alors en 2016, j’ai fait ça.

9 articles

J’ai écrit et publié trois articles sur ce blog ici présent :

• La publicité n’est pas le modèle économique du Web, 20 janvier
• Réinventer la roue, 18 mai
• Laissez mon sexe tranquille, 11 décembre

Et six articles sur mon blog dédié à l’intégration d’e-mails :

• La technique des « Fab Four » pour créer des e‑mails responsive sans media queries, 11 février
• Ce qu’il faut savoir sur la nouvelle version d’Outlook.com, 23 mars
• Est-ce qu’un e‑mail doit avoir le même rendu partout ?, 27 mai
• « Thinking Outside the <table> » à The Email Design Conference 2016, 9 août
• Essayer de comprendre le support de CSS de Gmail, 28 août
• Quel doctype faut-il utiliser dans un e‑mail ?, 23 octobre

Je suis assez content d’avoir pu partagé plus d’articles liés à mes recherches sur l’intégration d’e-mails, et moins d’articles subjectifs et polémiques. Je préfère me battre pour des sujets qui peuvent enrichir tout le monde plutôt que débattre sur des sujets où personne n’a rien à gagner.

10 articles en anglais

En 2016, j’ai commencé à traduire certains articles en anglais. J’ai commencé par une traduction de mon article sur Super Mail Forward, un e-mail transférable évolutif que j’ai fait en 2015, en me disant que ça pourrait amuser deux ou trois personnes. Et ça a cartonné. L’article s’est retrouvé en une de Hacker News et /r/webdev. À ce jour, il comptabilise 61 000 vues (pour 28 000 lectures selon Medium). Autant dire que ça a été un excellent moteur pour me motiver à traduire des articles tout au long de l’année.

• Super Mail Forward : an email that evolves as you forward it, 20 janvier
• The Fab Four technique to create Responsive Emails without Media Queries, 11 février
• What you need to know about the new Outlook.com, 24 mars
• Do emails need to look exactly the same in every client ?, 25 mai
• Thinking Outside the <table> at TEDC16, 3 août
• Trying to make sense of Gmail CSS support, 23 août
• How webmail block images, 30 août
• What you need to know about Apple Mail in iOS 10, 13 septembre
• Which doctype should you use in HTML emails?, 19 octobre
• Trying to make sense of Gmail CSS support (after the 2016 update), 20 décembre

J’ai choisi de publier mes articles en anglais sur Medium. C’est un peu par curiosité, mais surtout par satiété de gérer moi-même mon propre blog. Je préfère consacrer mon temps sur le fond (écrire des articles) plutôt que sur la forme (écrire et maintenir un thème WordPress). Alors autant dire que je déteste Medium. Je trouve son éditeur insupportable (surtout quand on veut mettre en forme du code), et je suis constamment frustré de ne pas pouvoir donner la mise en forme que je souhaite à mes articles. Pour autant, ces inconvénients ne surpassent pas la contrainte du temps nécessaire à la gestion de son propre blog sur son propre hébergement. Et donc pour l’instant ça me convient très bien comme ça. J’ai quand même fait en sorte d’avoir mon propre domaine associé à Medium, histoire de ne pas perdre mon référencement si je décide de partir.

L’article sur la technique des Fab Four a connu aussi un grand succès avec 61 000 vues (pour 20 000 lectures selon Medium). Mais surtout il a été partagé par Smashing Magazine, CSS Tricks, Sara Soueidan, Mike Riethmuller, et plein d’autres gens que j’admire et apprécie. Le contenu de mon article a même été repris dans des conférences, par exemple par Vitaly Friedman, un mec en Ukraine ou Kevin Mandeville à dotCSS. Et cet été, j’avais justement été contacté par ce dernier.

3 conférences

Je m’étais promis de mettre un peu le holà sur les conférences cette année. Et j’ai presque réussi jusqu’à ce que Kevin Mandeville m’invite à participer à l’Email Design Conference organisée par Litmus. C’est le genre d’invitation qui ne se refuse pas. Et si j’aurais rêvé de pouvoir voyager jusqu’aux conférences de Boston ou San Francisco, pour des raisons pratiques et logistiques, j’ai été sage et j’ai participé uniquement à celle de Londres.

C’était vraiment un chouette évènement, et c’était agréable de ne connaître (presque) personne. Les discussions et les rencontres n’en ont été que plus riches. Pour la première fois, je m’étais aussi entraîné un peu plus sérieusement en faisant une première présentation à CSS Paris sur ce qui devait être juste une partie de ma présentation à Londres. Ça m’a notamment permis de réaliser que je tenais trente minutes sur ce qui ne devait pas m’en prendre plus de quinze, et donc d’ajuster ma présentation en conséquence. J’ai eu le plaisir de redonner la même présentation à Lille en fin d’année.

• La technique des Fab Four à CSS Paris, le 4 juillet
• Thinking Outside the <table> à The Email Design Conference à Londres, 27 juillet
• La technique des Fab Four au Welsh Design de Lille, le 28 octobre

4 formations

Cette année, je me suis aussi lancé dans la formation (toujours sur l’intégration d’e-mails), notamment via Alsacréations et Clever Institut. Si la première s’est faite un peu dans la douleur, je suis vraiment content du programme et des exercices que je propose maintenant. C’est vraiment intéressant de travailler sur une formation, de l’ajuster et l’enrichir en fonction des retours de chaque participant. C’est aussi intéressant de pouvoir y introduire des notions d’accessibilité à un public de professionnels parfois pas du tout averti.

Ce que je n’ai pas fait

Même si j’ai fait pas mal de choses en 2016, il y a aussi plein de choses que je n’ai pas faites. Par exemple :

• Écrire un livre sur l’intégration d’e-mails.
• Faire une chaîne Youtube pour parler du Web.
• 24 jours de web. Même si je suis très content de la tournure qu’a pris #nowwwel, j’ai quand même un petit pincement au coeur de ne pas avoir réussi à mettre en place une nouvelle édition cette année.
• Mettre à jour le site de ma boîte. Un site non responsive qui date de 2008 avec du texte en taille 11, ça fait tâche.

J’espère avoir un peu de temps pour démarrer ces projets en 2017. Bonne année à tous !

Depuis un peu plus d’un an, je suis papa. Pendant la grossesse, on avait décidé avec madame de ne pas connaître le sexe du bébé. C’est un choix pas si courant qui nous convenait bien. Mais je me suis rendu compte à quel point la question du sexe d’un futur enfant semblait importante pour tout le monde. « C’est une fille ou un garçon ? » était la deuxième question que j’entendais le plus souvent, juste après « C’est prévu pour quand ? » et juste avant « Non mais vous êtes stupides pourquoi vous ne voulez pas savoir ? ». Souvent, les gens souhaitaient savoir pour offrir un cadeau, ou juste par curiosité. Je me suis rendu compte à quel point, avant même notre naissance, notre sexe était déterminant. Et c’est parfois le cas dans les interfaces que l’on conçoit ou que l’on utilise.

Le mois dernier, j’ai assisté à une conférence marketing où il était présenté fièrement une application de suivi de grossesse permettant de personnaliser la couleur de l’interface.

[Parmi les facteurs clés de succès de notre application], il y a tout d’abord une qualification progressive. On demande un minimum de renseignements à l’inscription. Et à chaque fois qu’on demande un renseignement à la maman, c’est avec la création de valeurs. Par exemple, dire « est-ce que c’est une fille ou un garçon » pour configurer l’appli dans un mode rose ou bleu.

J’ai failli tomber de ma chaise en entendant ce cliché. Je suis vraiment mal à l’aise avec le fait d’associer une couleur au sexe d’un individu.

Je crois que la meilleure illustration à ce sujet est celle de Cy Chase (refaite plus tard par Kristen Myers, sans attribution, ce qui a causé toute une histoire comme je les aime).

Comment dire si un jouet est pour les garçons ou pour les filles. Un guide.
Est-ce que le jouet s’utilise avec vos parties génitales ?
Oui : Ce n’est pas pour les enfants.
Non : C’est aussi bien pour les garçons que les filles.

Est-ce qu’une couleur a un rapport avec vos parties génitales ?
Oui : Vous devriez aller voir un docteur.
Non : C’est aussi bien pour les garçons que les filles.

La personnalisation de la couleur d’une application est une option intéressante. Mais elle ne devrait pas se faire de manière automatique en fonction du sexe déclaré par l’utilisateur. Une meilleure option serait de laisser à l’utilisateur le choix de la couleur, indépendamment de tout le reste.

En clair, on ne suppose pas quelque chose en fonction du sexe de quelqu’un.

Je rencontre parfois des suppositions de ce genre dans certaines newsletters ciblées homme ou femme. En m’étant inscrit à une newsletter et en ayant précisé ma civilité, on m’attribue automatiquement une newsletter avec des vêtements masculins. Mais je pourrais très bien avoir voulu m’inscrire à cette newsletter en étant intéressé par les vêtements féminins. Juste parce que je suis un homme ne signifie pas que je suis intéressé uniquement par vos produits pour homme. La marque Zara gère ça plutôt bien sur sa page d’inscription à la newsletter en demandant clairement les sections qui m’intéressent.

En 2013, un an avant la présentation de la première Apple Watch, de nombreuses rumeurs suggéraient qu’Apple sortirait deux modèles avec deux tailles d’écrans : « 1,7 pouces pour les hommes et 1,3 pouces pour les femmes ». En septembre 2014, Apple a bien annoncé deux modèles d’Apple Watch dans deux tailles différentes. Mais jamais ils n’ont attribué ces tailles à un sexe.

Est-ce qu’une montre s’utilise avec vos parties génitales ?
Oui : Rappelez moi de ne jamais vous demander l’heure.
Non : C’est aussi bien pour les garçons que les filles.

Depuis Pokémon Cristal (sorti en 2001 en France), les jeux Pokémon demandent au joueur :

Es-tu un garçon ou une fille ?

Le choix influe alors le personnage interprété par le joueur ou la joueuse tout au long du jeu. La phrase est devenue célèbre et a donné lieu à de nombreuses moqueries. Dans Pokémon Soleil et Pokémon Lune, sortis le mois dernier, le jeu a adopté une approche un peu différente.

Finie la demande de sexe, on a désormais droit à une série de photos avec comme question « C’est laquelle ta photo, déjà ? ». Je trouve cette approche beaucoup plus inclusive.

Si l’on ne suppose pas quelque chose en fonction du sexe de quelqu’un, l’inverse est aussi vrai. On ne suppose pas le sexe de quelqu’un en fonction de quelque chose. En août dernier, j’avais retweeté le tweet suivant de Mike Riethmuller :

J’ai rencontré quelqu’un de nouveau dans le développement web qui a appris ce qu’est flexbox avant un clearfix. Juste au cas où vous n’auriez pas réalisé que le web a changé.

Plusieurs réponses à ce tweet supposaient que ce « quelqu’un de nouveau dans le développement web » était un homme (comme ici ou là). Sans aucune animosité, l’auteur du tweet initial prenait le temps de répondre pour préciser qu’il n’avait jamais dit que c’était un homme.

De la même manière, je suis tombé suite à mon dernier article sur ce commentaire de Jenn Schiffer répondant à un de ses articles satiriques.

Brian : J’espère vraiment que quelqu’un de nouveau dans le développement ne tombe pas là-dessus et fasse de lui quelqu’un d’inemployable dans la plupart des sociétés pour vouloir penser un peu trop loin dans le futur.

Jenn : Ou d’elle !

J’aime l’idée que ces genres de petits détails participent à rendre le web (et les milieux tech en général) plus inclusifs. Il y a des hommes qui portent du rose. Il y a des femmes qui portent du bleu. Il y a des hommes aux cheveux longs. Il y a des femmes aux cheveux courts. Il y a des hommes qui se reconnaissent plus comme des femmes. Il y a des femmes qui se reconnaissent plus comme des hommes. Que vous trouviez ça étrange ou que vous soyez à l’aise avec ça ne change rien au fait que cette diversité existe, et que le mieux que l’on puisse essayer de faire est d’en tenir compte.

Entre deux expériences en ligne bizarres, Jenn Schiffer est l’auteure de CSS Perverts, un blog satirique sur le développement Web. Dans cette conférence (vue sur Twitter), elle partage son retour de l’écriture d’articles techniques satiriques, et surtout les retours parfois violent qu’elle reçoit. C’est vraiment drôle, tant sur le fond que la forme, et ça donne à réfléchir.

Elle revient notamment sur un tweet de Jeffrey Zeldman dénonçant son article (pris au premier degré) qui déclencha une vague de retours.

À cette époque, peu de gens passaient du temps à se moquer d’à quel point notre industrie est ridicule quand il s’agit de se prendre au sérieux. Ou des ramifications quand vous oubliez que vous avez des centaines de milliers de followers et que peut-être que lorsque vous publiez quelque chose comme ça, les gens vont s’amonceler et en rajouter encore davantage. Beaucoup de gens avec un auditoire, parfois moi-même, restent étrangement inconscients de ce pouvoir.

J’avais déjà raconté une anecdote m’étant arrivée à ce sujet. J’essaie d’appliquer au jour le jour la maxime « Arrêtez de rendre des gens stupides célèbres ». Si je vois un article que je trouve stupide (comme récemment un article présentant comme la bonne façon de faire du responsive en créant des dizaines de points de rupture par appareils, et non par le contenu comme on le rabâche depuis cinq ans), je ne le partage pas. Non pas parce que j’ai la prétention de croire que tout est à jeter, il y a souvent quelque chose d’intelligent même dans l’article le plus naïf, mais parce que je crains la réaction d’autres.

Le reste de sa conférence est vraiment tout aussi bien, sur l’inclusivité dans notre industrie et comment ne pas réagir comme un idiot aux contenus créés par d’autres en ligne.