Mettez de la colle à vos émoticônes
Le problème
Je me suis rendu compte avec effroi que les émoticônes, que je me plaît à utiliser avec avidité, étaient très sensibles aux retours à la ligne et ne s’affichaient pas toujours de façon très heureuse :
Voyons ensemble comment empêcher vos émoticônes de se briser en faisant des retours à la ligne.
La solution
La solution pour éviter les retours à la ligne disgracieux est… de mettre de la colle. Plus spécifiquement, vous devez ajouter un caractère spécial à la suite de chacun de vos symboles : le word joiner.
Pour reprendre l’exemple de la capture plus haut, le kaomoji devra être fait de la façon suivante pour prévenir les retours à la ligne :
( U+2060 － U+2060 ‸ U+2060 ლ )
Et voilà, grâce à ce symbole, votre émoticône sera muni d’un cœur d’acier ᕦ(⌐■_■)ᕤ
Les outils
Cela va sans dire, devoir manuellement ajouter ce word joiner à chaque fois que vous devez entrer une émoticône est peu pratique et une faute d’inattention est vite arrivée, c’est pourquoi un outil pour faciliter la saisie serait le bienvenu.
Il n’en existe cependant à ma connaissance aucun permettant de résoudre ce problème spécifique… c’est pourquoi j’ai pris les devant et ai commencé à en développer un. Pour le moment sous forme de site, mais une fois la structure assurée, je pense également faire une extension pour navigateur.
Bonus : améliorer l’affichage des émoticônes sur votre site
Vous possédez un site ou un blog ? Parfait ! Vous avez le pouvoir d’améliorer l’affichage de vos émoticônes avec une astuce CSS très simple : ajoutez simplement cette propriété à votre feuille de style.
p { text-wrap: pretty;}
La propriété pretty ajoutée au text-wrap vous permet un meilleur équilibre
des orphelins, c’est-à-dire les mots ou émoticônes
seuls, abandonnés et désespérés sur une ligne. Exemple sans utiliser text-wrap: pretty :
Exemple avec text-wrap: pretty :
