Générateur de Lorem Ipsum

Le faux texte sert à juger une mise en page sans avoir à le lire. Un vrai texte attire l’œil vers les mots ; un charabia latin vous laisse regarder la longueur des lignes, le rythme et l’endroit où le design casse. Le générateur ci-dessus vous en fournit autant qu’il vous en faut.

Comment ça marche

Choisissez une unité — mots, phrases ou paragraphes — et une quantité comprise entre 1 et 50. Deux réglages façonnent le résultat :

• Commencer par « Lorem ipsum dolor sit amet… » fait commencer le texte par le fameux Lorem ipsum dolor sit amet, consectetur adipiscing elit., pour qu’on le reconnaisse comme du faux texte et non comme un texte cassé. Désactivez-le pour obtenir un texte qui varie dès le premier mot.
• Générer produit un nouvel échantillon avec les mêmes réglages : c’est le moyen le plus rapide de vérifier qu’un composant supporte toute une gamme de longueurs, et pas seulement celle qui tombe bien.

Les phrases sont construites à partir d’un réservoir de mots du vocabulaire traditionnel, de 6 à 15 mots chacune, avec une majuscule initiale et un point final. Les paragraphes comptent de 3 à 6 phrases. Comme la génération est aléatoire, deux tirages avec les mêmes réglages diffèrent : utilisez le bouton de copie plutôt que d’espérer reproduire un échantillon plus tard.

La génération se fait entièrement dans votre navigateur : aucune requête, aucune limite de débit, et l’outil fonctionne hors ligne.

Bien s’en servir

Visez la longueur réelle, pas une longueur confortable. Le faux texte est là pour mettre la mise en page à l’épreuve, et l’instinct d’un designer est de coller une quantité qui rend bien. Si les titres de produits de vos données atteignent 90 caractères, générez 90 caractères. Si un champ est généralement vide, testez aussi le cas vide. La plupart des bugs de mise en page se cachent aux extrêmes : la carte qui ne casse qu’avec un titre sur deux lignes, la cellule de tableau qui déborde sur la valeur la plus longue, le bouton dont le libellé passe à la ligne en allemand.

Générez plusieurs variantes. Un échantillon ne prouve qu’un cas. Régénérer quatre ou cinq fois, ou remplir une liste avec des longueurs différentes, fait apparaître les problèmes d’alignement qu’une grille uniforme de blocs identiques dissimule.

Le lorem ipsum, c’est du latin, et le latin est étroit. Il n’a ni signes diacritiques, ni longs mots composés, ni écriture de droite à gauche, ni caractères CJK. Une mise en page validée uniquement avec lui peut encore casser sur Straßenbahnhaltestelle, sur de l’arabe ou sur un emoji qui modifie la hauteur de ligne. Pour un produit internationalisé, testez avec de vraies chaînes issues des locales que vous prenez réellement en charge.

Ne le mettez pas en production. Laisser filer du faux texte jusqu’en production est un impair bien connu, et un moteur de recherche qui indexe une page de latin la traite pour ce qu’elle est : une page sans contenu. Ajoutez une vérification au build ou, au minimum, lancez un grep sur lorem avant chaque release.

La place du faux texte

Au-delà du design visuel, le texte généré sert de données de test : alimenter une base avec assez de lignes pour que la pagination soit réaliste, remplir un champ jusqu’à sa longueur maximale pour vérifier la validation, ou produire une charge utile assez lourde pour éprouver une limite de taille. Les tests qui s’en servent doivent tout de même faire porter leurs assertions sur la structure plutôt que sur le texte lui-même, puisque le contenu change à chaque exécution : un test qui dépend d’une chaîne aléatoire précise est un test instable qui n’attend que son heure. Les fondamentaux du test expliquent la différence entre fixtures figées et données générées, et quand privilégier l’une ou l’autre.

Côté mise en page, la manière dont le texte se répartit dépend de l’élément qui le contient, et l’essentiel de HTML5 présente le modèle de contenu qui en décide.

Outils associés

Pour mesurer un échantillon par rapport à une limite de caractères ou de mots, utilisez le compteur de mots. Pour des données de test numériques aléatoires plutôt que du texte, le générateur de nombres aléatoires ; pour des identifiants, le générateur d’UUID. Pour faire passer un titre d’une convention de nommage à une autre, le convertisseur de casse.