Développement web : Measures compte le nombre de caractères par ligne

Nicolas Furno |

Si vous avez déjà travaillé sur le design d’un site web, vous le savez sans doute : pour qu’un texte soit lisible et agréable à lire, il est préférable de ne pas afficher des lignes trop longues. Il n’y a pas de règle fixe et absolue, mais on considère souvent qu’il ne faut pas dépasser les 75 à 80 caractères par ligne de texte.

Pour vous aider à vérifier que vous avez choisi la bonne largeur et la bonne taille de police, cette extension pour Chrome affiche le nombre de caractères pour une ligne. Une fois installée, il faut l’activer dans la barre d’outils du navigateur et il suffit alors de sélectionner une ligne de texte pour connaître le nombre de caractères.

L’extension Measures en action. Cliquer pour agrandir

L’extension ne se limite pas à une seule ligne et vous pouvez également sélectionner un paragraphe, ou même un article entier. Son concepteur envisage néanmoins d’afficher le nombre moyen de caractères sur chaque ligne lors d’une sélection plus large, ce qui serait sans doute plus utile dans ce contexte.

Measures est une extension gratuite et son code source est disponible sur GitHub. Pour le moment, seule une version pour Chrome est disponible.

avatar BeePotato | 

Pour avoir une fonction équivalente quel que soit le navigateur utilisé (et même dans d’autres applications), on peut installer le service WordService, de DEVONtechnologies. Il est gratuit et fournit également plusieurs autres fonctions, en parallèle de celle-ci.

avatar DeluxePainter | 

Il y a une extension pour cela dans PopClip, à la différence que la fonctionnalité ne se limitera pas à Chrome. Ça peut être utile aussi lors de la création de sous-titrages :-)

avatar Mr Bob | 

Pour ceux qui sont intéressés par la typo sur le web, je conseille le cours par mail de Better Web Type → https://betterwebtype.com.
Et il est en général conseiller de rester entre 45 à 75 caractères par ligne. :)

avatar ZANTAR2054 | 

Merci à macG et aux 3 commentaires au dessus ?

CONNEXION UTILISATEUR