#typographie

Il y a une semaine, le 24 juin, c’était la fête nationale du Québec. Beaucoup de bleu. Aujourd’hui, c’est la fête nationale du Canada. Beaucoup de rouge. Même si au Québec, le 1er juillet, c’est plutôt la journée des déménagements : la très grande majorité des baux de location commencent et se terminent à cette date.

Un petit rappel dans cet article Native apps should be avoided whenever possible que les applications mobiles collectent beaucoup plus de données que les sites web, entre autre parce que les applis natives obtiennent plus de permissions. Ses conseils : éviter d’installer l’appli quand le site web fait l’affaire, révoquer les permissions par défaut (localisation, micro, etc.) et désinstaller celles qui ne sont pas utilisées.

Pour vous rendre compte de ce qu’une application obtient comme données, sans aucune permission, je vous conseille Loupe sur iOS. Saviez-vous, par exemple, qu’une appli peut connaître les autres applications installées sur votre téléphone ?

L’outil en ligne Terraink permet de créer une image ou un poster des plans d’une ville. On peut choisir un thème et les différents éléments à afficher (comme les routes, parcs, cours d’eau, etc.). Très sympa.

Cette petite règle CSS découverte dans How to disable faux weights with CSS and font synthesis permet de détecter les mauvais chargements de police. Elle désactive les faux italiques et faux gras que le navigateur génère en cas de problème.

Un petit jeu d’estimation numérique, eyeball, qui vous demande de placer un nombre sur une ligne. Pas si facile de placer 678 sur une lignée graduée de 0 à 1234 avec seulement ces deux nombres.

Quelques petits changements apportés ces dernières semaines au carnet. Le plus visible, c’est que j’ai finalement cédé à réutiliser une police avec empattement pour le contenu. Les performances sont légèrement impactées, mais beaucoup moins que ce que j’avais imaginé : le score EcoIndex de A est conservé. Et après tout, c’est important de se sentir bien chez soi.

L’autre changement important, c’est l’ajout de ma blogoliste, sélection de blogues que je vous recommande de découvrir. Avec le réveil de plusieurs blogues endormis et un nouvel élan de publier chez soi plutôt que sur des plateformes américaines, c’est une bonne façon de partager des liens intéressants. Alors, n’hésitez plus et partagez aussi votre blogoliste !

Vous hésitez ou vous ne savez pas quelle police à chasse fixe (monospace) choisir ? Ce petit jeu met en compétition 28 polices : à chaque manche, vous sélectionnez votre préférence parmi les deux choix proposés, jusqu’à ce qu’il n’en reste plus qu’une seule ! Et pour ne pas vous influencer, seul le nom de la police gagnante est dévoilée, à la fin.

Scott Lawson partage un retour d’expérience intéressant à base de gommettes. Ses objets sont rangés par catégorie dans des boites transparentes ; cela permet de facilement voir ce qu’il y a dedans. À chaque utilisation d’un objet, il ajoute une gommette sur l’étiquette de la boite. Il est alors facile avec le temps d’avoir une mesure visuelle de la fréquence d’usage de ses affaires, et de savoir quoi garder, ranger ou éliminer.

Cette petite victoire de Robert Kingett contre une bureaucrate d’une administration américaine m’a bien fait sourire. Aveugle de naissance, le gouvernement lui demande régulièrement des preuves médicales actualisées, sous peine de suspension de ses prestations. Prêt à leur envoyer ses documents au format PDF, il découvre qu’il ne peut plus les envoyer par e-mail ; ça doit être par courrier ou par fax. Je ne vous divulgâche pas la suite, mais ça parle de 512 pages…

Je n’ai pas vu le mois de janvier passer. Quelques jours pour (re)découvrir Québec et ses environs, cette fois sous la neige : c’est très beau. On parle de service à la clientèle — et non de service client(s), ce qui, si on y réfléchit bien, est une traduction plus fidèle de customer service.

Laure revient dans La conception typographique : être lu par tout le monde sur le changement de Calibri en Times New Roman pour les documents officiels de la diplomatie américaine. Elle rappelle l’histoire de la typographie, et ses relations politiques. En parlant politique, la BBB Baskervvol est une police à empattement, reprise du Baskerville, augmentée de caractères post-binaires.

Dans mon À propos, j’écris « c’est bien les flux RSS ». Dans La vie est trop courte pour bouder les flux chez Kozlika, je vais plus loin et commente « c’est la vie les flux RSS <3 ». Vous ne savez pas ce qu’est un agrégateur de flux ou à quoi cela sert ? Alors son article est fait pour vous, et elle vous explique comment en mettre un en place. Les flux RSS permettent de se tenir au courant des nouveautés d’un blog, sans devoir aller visiter manuellement chacun des sites. Les discussions afférentes m’ont aussi permises de découvrir les blogs de nouvelles personnes, et ça, j’aime.

Karl se pose la question du pourquoi de la numération des pages. Il y livre une réflexion et des éléments de réponse très intéressants. Cela me questionne aussi sur une autre métrique souvent présente dans les caractéristiques d’un livre : le nombre de pages. Que représente-t-il et à quoi sert-il ? Se donner une idée de l’épaisseur ou du contenu ? C’est pourtant une mesure relative, qui dépend de nombreux facteurs, comme les dimensions des pages, les marges, la taille de la police, etc.

Roberto explique dans Your app subscription is now my weekend project comment il recrée et code avec l’aide d’une IA des services payants qu’il utilisait jusqu’à présent. Je trouve intéressant qu’il précise que ses projets ne sont pas d’une qualité attendue en production, et qu’il n’envisage donc pas de les rendre publics ni de les vendre. De mon côté, avec l’aide de Claude, j’ai créé mon premier plugin Dotclear : il ajoute le suffixe « er » au 1^er jour du mois, dans les dates des articles. Il y a peut-être plus simple, mais ça marche.

Enfin, un peu d’UX avec l’analyse Hero Banner : alternatives et tendances pour un design plus impactant de Tiffany. C’est ce bloc de présentation en haut des sites web, un peu comme une vitrine, qui se veut percutant. Mais pas toujours performant.

Cela faisait de nombreux mois que je voulais changer et mettre à jour la conception graphique du carnet. Depuis quelques semaines, j’ai commencé à y réfléchir de façon plus concrète. Puis à travailler sur différentes ébauches, de façon itérative, jusqu’à arriver à une version assez stable et satisfaisante pour la mettre en ligne. Comme à chaque changement, c’est l’occasion de rajeunir et retravailler le code, tout en utilisant les (dernières) bonnes pratiques Web. Avec l’objectif double de simplifier la présentation du contenu, et de réduire le poids des pages (et donc, les temps de chargement).

Faisons un petit tour du propriétaire pour découvrir ces nouveautés et optimisations.

C’est peut-être un détail pour vous, mais pour moi ça veut dire beaucoup : quelle police d’écriture utiliser sur mon blog — et d’une manière générale sur mes sites ?

Depuis que j’ai découvert la police sans empattement Inter de Rasmus Andersson en 2020, j’ai un petit faible pour elle. Il est en plus possible d’activer certaines variantes — ou ligatures — de caractères, par exemple pour facilement différencier les 1, l et I. C’est cette police de caractères que j’utilise par défaut sur mes sites, dont ce blog.

Mais voilà, entre temps, j’ai découvert la police avec empattement Source Serif d’Adobe, que j’apprécie aussi, cette fois pour du contenu et des textes. C’était jusque peu la police pour le contenu des articles de ce blog, avant que je ne revienne à Inter.

Je viens de découvrir la police d’écriture Times New Bastard. Elle est basée sur les polices Nimbus Roman No. 9 L et Nimbus Sans. Sa particularité : par défaut, ce sont des caractères à empattement (sérif), mais tous les 7 caractères c’est un caractère sans empattement (sans sérif) qui est affiché. Extrêmement vicieux pour rendre fou n’importe qui !