HTeuMeuLeu
Cet article est une archive du blog précédemment hébergé sur emails.hteumeuleu.fr.
Justin Khoo a repéré un e-mail interactif de Microsoft. Modernité oblige, l’interactivité en question en fonctionne sur aucun client mail de Microsoft (à l’exception d’Outlook sur Mac qui, utilisant le moteur WebKit, fait toujours figure d’exception).
Cet article est une archive du blog précédemment hébergé sur emails.hteumeuleu.fr.
Je suis complètement fan de cette illustration de Firefox par Sean Martell.
(Il y a même un petit détail rigolo sur le bras droit. Et une vue de la progression de l’illustration ici.)
Ethan Marcotte, dans un article sur l’importance d’un device lab au cours du développement et pas seulement en phase de recettage :
Votre site web est seulement aussi fort que le plus faible des appareils sur lesquels vous testez.
Je n’avais jamais réussi à formuler ça comme ça, mais c’est vraiment exactement ça aussi dans le monde de l’intégration d’e-mails. Quoi que vous fassiez, il y aura toujours quelque chose qui ne fonctionnera pas quelque part. Rien ne fonctionne partout. Tout n’est qu’un jeu de construction à base de dégradation gracieuse et d’amélioration progressive.
Yahoo! Japan a mis en ligne en mars dernier une page qui retrace l’histoire du Web. C’est bourré de centaines de références à plein de sociétés et technologies. C’est absolument gigantesque (la page fait plus de 30 Mo). Pour archivage, j’en ai fait une version statique : 23 Mo en 1920px de large, 4 Mo en 640px de large.
Vu sur Twitter, cette image qui rappelle les origines des mots « Uppercase » et « Lowercase ».
J’ai du mal à trouver une expression plus skeuomorphique que ça.
Sara Soueidan a publié une étude de cas très intéressante sur le design l’intégration de la refonte (bientôt en ligne) de Smashing Magazine.
J’adore ce genre de détail :
Vitaly voulait pousser le caractère enjoué du chat encore plus loin. Et il a suggéré d’ajouter une sorte de jeu responsive dans le footer, où l’illustration change selon la taille du viewport. Ça commence avec l’oiseau qui chante joyeusement dans sa cage, et ça finit par le chat qui le mange. Ou vraiment ? Vous devrez le découvrir par vous-même !
J’ai hâte de voir ce que ça donne.
Le Journal du Net a publié une nouvelle version de son classement des « webmails préférés des français », où par « préférés » ils veulent toujours dire « les plus utilisés ». Le dernier classement datait de mars 2015, et la comparaison est intéressante. Les mesures ont été prises en novembre 2016 via une mesure panel de Médiamétrie.
Pour la première fois, Orange perd sa place de numéro un au profit de Gmail.
Cet article est une archive du blog précédemment hébergé sur emails.hteumeuleu.fr.
Vu sur Reddit :
Et vu sur Twitter avec une légende différente :
Je pense qu’il est temps de commencer à utiliser une bibliothèque de modèles.
On perd une partie de la référence à Indiana Jones, mais ça m’a fait rire quand même.
En ce début d’année, j’ai découvert via un tweet la série animée française « Les Grandes Grandes Vacances », diffusée en 2015 sur France 3.
Été 1939, Ernest, 11 ans, et Colette, 6 ans, deux petits parisiens, passent un weekend en Normandie chez leurs grands-parents. La France entre en guerre et décision est prise de les tenir éloignés de Paris, le temps de «voir venir». Ce séjour qui devait durer quelques semaines s’étendra sur les cinq années de la guerre, se transformant en «grandes grandes vacances»…
J’ai dévoré cette série, et j’ai vraiment adoré. C’est loin d’être cucul la praline. C’est parfois cru, parfois cruel. Ça donne une vision non manichéenne de la Guerre. J’ai aussi ressenti une véritable tension dans certains passages, avec une narration vraiment bien ficelée, et un véritable attachement pour certains personnages.
Sur la page officielle de la série, Delphine Maury, à l’initiative du projet, résume bien une partie de ce qui m’a plu :
J’ai découvert la place magnifique des femmes et des filles durant cette période, leur courage et la manière dont elles prenaient leur vie en main, ainsi que des récits bien plus nuancés que dans les livres d’histoire sur les relations avec l’occupant, entre les gens. Je me suis alors demandé comment rendre compte, le plus positivement possible, de ces témoignages.
Je recommande chaudement. C’est disponible sur Netflix (mais pas en France), sur iTunes, ou en DVD sur Amazon.
En novembre dernier, je suis tombé sur cet historique des unes du New York Times après chacune des quarante et une élections américaines, de 1852 à 2012.
Parmi les choses qui m’ont marqué :
Ce dernier point m’a particulièrement marqué. Je n’avais vraiment pensé à l’arrivée de la couleur dans la presse papier, ayant toujours connu de ma vie d’adulte la presse en couleur. Et même si le New York Times a vu apparaître la couleur petit à petit dès 1993, ça reste incroyablement récent (pour un journal qui vit depuis plus de 150 ans).
Ça m’a fait pensé au Web. Je lis régulièrement des commentaires se plaignant que le Web n’a pas telle ou telle fonctionnalité nativement. L’idée du Web a été proposée en 1989. La balise <img> a été proposée en 1993. La balise <video> a été proposée en 2007. Alors oui, en 2017, il n’y a toujours pas de standard pour styler tous les éléments de formulaires. Mais le Web reste un bébé, et on n’en est qu’au début.
La chose la plus méconnue à propos de mon travail, c’est que je travaille avec des gens, plein de gens, tout le temps. J’avais vraiment l’idée préconçue qu’un développeur c’était quelqu’un qui était anti-social, ce qui est clairement pas le cas.
Annie-Claude Côté, développeuse de logiciels principale chez Shopify, dans une vidéo de présentation de son métier « pour encourager les jeunes filles à aller dans le domaine des tech ».
Vue sur Reddit, la page affichée par Google Maps si on n’a pas JavaScript.
When you have eliminated the JavaScript, whatever remains must be an empty page.
En référence à une citation de Sherlock Holmes :
Une fois qu’on a éliminé l’impossible, ce qui reste […] doit être la vérité.
Ça pourrait être un clin d’oeil rigolo si ce n’était pas un triste état des lieux du Web.
Lu chez Jeremy Keith, un très chouette résumé de CSS :
Dans un article intitulé « Side Effects in CSS » écrit il y a quelques temps, Philip Walton parle des différents challenges de l’écriture de CSS :
Il y a deux types de problèmes en CSS : les problèmes cosmétiques, et les problèmes architecturaux.
Les problèmes cosmétiques sont résolus en faisant ressembler quelque chose à ce que vous voulez. Les problèmes architecturaux sont plus plus délicats car ils ont plus des effets sur la maintenabilité sur le long terme, la modularité, l’encapsulation. […]
La plupart du temps, quand j’analyse des CSS et que j’essaye de déterminer si elle sont bien ou pas (et je sais que c’est très subjectif), je suis préoccupé par ce qu’il y a en dehors des accolades.
selector { property: value; }Le contenu à l’intérieur des accolades (les propriétés et leurs valeurs), c’est là où les problèmes cosmétiques sont résolus. C’est aussi le contenu que vous pouvez facilement rechercher. Je ne retiens certainement pas toutes les propriétés et valeurs possibles en CSS dans ma tête. C’est aussi facile à évaluer : est-ce que ça fait ressembler le truc à ce à quoi vous voulez que ça ressemble ? Oui ? Bien. Ça fonctionne.
Le contenu à l’extérieur des accolades (les sélecteurs), c’est plus difficile à juger. Il faut l’évaluer avec beaucoup de « et si ». Et si cela cible quelque chose que vous n’aviez pas l’intention de cibler ? Et si le balisage change ? Et si quelqu’un d’autre écrit des CSS qui annulent ça ?
David Pogue, dans une colonne pour Scientific American :
J’ai remarqué qu’en tant que journaliste tech, il est impossible d’écrire à propos d’une «nouvelle fonctionnalité» sans subir les railleries des fanboys et fangirls, qui hurlent rapidement que leur marque préférée avait cette fonctionnalité en premier.
Après mûre réflexion, j’en suis venu à me dire qu’il n’y a qu’une seule façon de plaire à tout le monde : en donnant une généalogie complète de n’importe quelle fonctionnalité introduite dans n’importe quel produit. Ça donnerait quelque chose comme ça.
Apple espère que son nouveau, et énorme, iPad Pro sera suffisamment attirant pour les gens qui utilisent un ordinateur portable. Pour ça, Apple offre un nouvel accessoire à 100 $ appelé l’Apple Pencil. C’est un stylet qui vous permet d’écrire ou dessiner sur l’écran. (L’Apple Pencil n’est pas une idée nouvelle ; sa source d’inspiration évidente est le stylet fourni avec les tablettes Surface Pro de Microsoft [Bien sûr, le stylet électronique de Microsoft n’est que le petit enfant du stylet qui accompagnait les PalmPilot à la fin des années 90. (Et ceux-ci étaient clairement basés sur la KoalaPad de 1984 pour l’Apple II, la première tablette graphique pour ordinateur domestique [qui elle-même était une amélioration de l’Apple Graphics Tablet, une version rebrandée de la BitPad de Summagraphics (une évolution de la tablette Rand Grafacon de 1964 [dont les racines peuvent être tracées jusqu’au Telautograph d’Elisha Gray, le premier appareil électronique à écriture manuscrite, breveté en 1988 (qui s’inspirait clairement d’un crayon [le descendant du fin métallique stylet qui, tel qu’il était connu, était utilisé par les Romains pour écrire sur du Papyrus ou des tablettes de cire])])])]).
Voilà… tout le monde est content ?
Réalisé par Camille Palu de TABLE TR TD, ce démineur dans un e‑mail fonctionne vraiment (avec décompte du temps, écran de victoire…). Comme beaucoup d’e-mails interactifs, ça utilise principalement des cases à cocher, et ça ne fonctionne quasiment que dans Apple Mail. Mais c’est quand même un belle démo technique.
Cet article est une archive du blog précédemment hébergé sur emails.hteumeuleu.fr.
La nouvelle secoue la communauté des développeurs et designers d’e-mails depuis hier : Google va supporter le Responsive Design « plus tard ce mois-ci ». Ça signifie support des balises <style>, des media queries, des attributs class et id en HTML. Google a mis en ligne des pages pour expliquer le support de CSS, et aussi une liste des media queries et propriétés CSS supportées.
Et la liste est particulièrement intéressante, avec notamment des propriétés CSS avancées comme background-blend-mode, columns, mix-blend-mode, object-fit, object-position, …
C’est vraiment une excellente nouvelle, et un immense bouleversement dans le monde de l’intégration d’e-mails. Certains annoncent déjà la fin de l’utilisation des styles en ligne (au profit uniquement de la balise <style>) et des méthodes fluide/hybride ou la technique des Fab Four. Mais je ne pense pas, car il reste encore un paquet de clients e-mails ne supportant ni les balises <style>, ni les media queries. (Coucou le nouvel Outlook.com !)
Mes principales interrogations à l’heure actuelle sont les suivantes :
calc(), linear-gradient(), etc. Est-ce qu’on aura également toujours le support de sélecteurs comme :hover, :first-child, etc. ?Réponse d’ici deux semaines.
Cet article est une archive du blog précédemment hébergé sur emails.hteumeuleu.fr.
Dans la dernière vidéo de Feminist Frequency, Anita Sarkeesian aborde la représentation du corps des femmes dans les jeux vidéo :
Quand la majorité des femmes qui peuplent les mondes de ces jeux sont conçues à partir du même moule étroit, le problème n’est pas juste ce qu’on voit dans ces jeux. C’est ce qu’on ne voit pas. Le fait que des femmes rondes, ou des femmes avec des corps de différentes formes, ne soient jamais présentes dans ces mondes renforce l’idée fausse que ces femmes ont moins de valeur, sont moins dignes de reconnaissance, que les femmes dont les corps s’approchent le plus des standards culturels de beauté.
Les exemples utilisés dans la vidéo sont tous édifiants. Mais je crois que celui qui m’a le plus marqué est celui de Street Fighter, probablement parce que je m’étais habitué à voir ça sans me poser de question depuis que je suis tout petit.
Vu sur Twitter (via Marie) : Niels Leenheer, le créateur de HTML5test.com, donne une conférence sur les navigateurs présents sur des appareils exotiques (télévisions, liseuses, consoles de jeux, appareils photo numériques, micro-ondes, …). J’adore ce sujet (que j’ai pour coutume d’appeler « intégration de l’extrême »). Sa fausse démo de contrôle d’un navigateur à base de gestes (à 17:35) est particulièrement marquante. Sa comparaison des largeurs de viewports sur TV et consoles est aussi très intéressante. Et j’ai aussi appris que, tout comme sur l’Apple TV, il n’y a pas de navigateur par défaut sur Android TV.
Mark Robbins a commencé à écrire une série d’article sur l’accessibilité dans les e-mails. Il y a pour l’instant une introduction et un article sur la sémantique. Mark a également donné une conférence sur l’accessibilité lors d’un meetup Email On Acid Insights en début de mois. C’est un sujet important, et c’est bien qu’on commence à entendre parler comme ça.
Cet article est une archive du blog précédemment hébergé sur emails.hteumeuleu.fr.
Lu sur Twitter : d’après un tweet du compte @Outlook concernant le nouvel Outlook.com, « tout le monde aura migré d’ici la fin de l’été au plus tard ». Soit d’ici le 21 septembre. Aux États-Unis, tous les comptes sont passés au nouvel Outlook.com depuis la fin de l’an dernier. En France, les nouveaux comptes y sont par défaut depuis quelques mois. En mars dernier, je notais quelques points à savoir sur la nouvelle version d’Outlook.com.