En vue d’utiliser des classes plutôt que des styles inline comme depuis l’origine : .media-center { display: grid; place-items: center; } .media-left { float: inline-start; margin-inline-end: 1em; margin-block-end: 1em; } .media-right { float: inline-end; margin-inline-start: 1em; margin-block-end: […]
Mot-clé - CSS
Expérimentation

En test ici même pour les titres des billets, c’est surtout la propriété text-wrap: balance; qui l’est : .post-title { white-space: unset; text-wrap: balance; hyphens: auto; } Pour passer de : Exemple Administration idéale, suite À : Exemple Administration idéale, suite NB : Le hyphens: auto; est […]
Layout
Avec une structure de page légèrement modifiée comme suit : Code HTML <html> <body> <nav id="prelude"> <ul> <li><a href="#" class="hidden">Go to content</a></li> <li><a href="#" […]
Amélioration progressive
Ça fait des années que je joue avec la feuille de style supplémentaire du thème Berlin1 ici pour modifier et essayer d’améliorer le confort de lecture sur ce blog et j’ai découvert hier une police un peu particulière. J’utilisais déjà ici la police Luciole, « conçue spécifiquement pour les personnes […]
Mastodon web
Doit y avoir un problème d’UX sur Mastodon, deux fois en une semaine que des gens me demandent de supprimer mes messages en pensant que mes messages privés sont visibles du reste du monde. Hercule Panais, Mastodon Ce pouet m’a rappelé que n’ayant pas encore trouvé l’idéal applicatif pour Mastodon, […]