Typographisme - La justification sur le web : usages et précautions - Commentaires

La justification sur le web : usages et précautions - Tyna

Tyna — Wed, 31 Aug 2016 15:37:01 +0200

Bonjour les amoureux de la typo, une petite question : les articles et prépositions à la fin de la ligne ne vous arrachent pas les yeux ?

Autrement dit, qu’en dites-vous de la problématiques des espaces insécables en ligne ?

Une inconditionnelle de la typo (mais débutante dans le milieu web)

Merci :)

La justification sur le web : usages et précautions - Fabrice Court

Fabrice Court — Wed, 19 Jun 2013 13:37:52 +0200

Merci de votre article. Vous allez à contre-courant, et vous le faites avec brio.
Je me suis permis de vous citer dans un article qui partage ce même sujet : http://www.fabricecourt.com/formati…

La justification sur le web : usages et précautions - Bob Marcel

Bob Marcel — Fri, 13 Jul 2012 13:32:41 +0200

Bonjour
Qu’en est-il du téléphone portable ?

La justification sur le web : usages et précautions - Lynkky.be

Lynkky.be — Wed, 06 Jun 2012 01:24:28 +0200

Merci pour cet excellent article.

A la suite de sa lecture, nous avons décidé d’adopter le texte en drapeau pour notre site Internet.

Au plaisir de vous lire, ici ou ailleurs,

Gaëtan - @lynkky

La justification sur le web : usages et précautions - lodan

lodan — Wed, 02 Feb 2011 16:38:53 +0100

Une petite note tout de même, tout n’est pas si noir que cela techniquement. Le CSS 3 apporte une bonne dose d’améliorations en terme de gestion du texte et de la typo, entre autres la création de colonnes (column-*), le découpage des mots et phrases (text|word|line-break, text|word-wrap), la gestion manuelle des espaces multiples (white-space-collapsing), l’alignement de la dernière ligne de texte justifié (text-align-last), évidemment les fameuses fontes embarquées (font-face), … On peut également choisir l’algorithme de justification du texte (text-justify) et la politique d’espacement des mots et lettres (word|letter-spacing, avec une valeur minimum, maximum et optimale. Le tout est paramétrable en fonction du périphérique d’affichage utilisé grace aux media-queries (on peut faire un rendu différent en fonction de la résolution ou de l’orientation de l’écran par exemple).

Bref, ce n’est pas encore du LaTeX, mais ça va commencer à être un peu plus paramétrable et lisible. À la charge des navigateurs de supporter ces propriétés évidemment, en espérant qu’il n’en reste pas un à la traîne comme d’habitude.

Plus d’infos : http://www.w3.org/TR/2010/WD-css3-t…

La justification sur le web : usages et précautions - STPo

STPo — Tue, 01 Feb 2011 12:24:25 +0100

Très chouette article, pédagogue et pondéré comme il faut.
À noter sur Wordpress un chouette plug-in typo qui gère ce problème à la façon d’hyphenator.js (de ce que j’ai pu en voir) : wp-typography. Il fait plein d’autres trucs de typo en plus, ça mérite de se pencher dessus.

La justification sur le web : usages et précautions - Regis Kuckaertz

Regis Kuckaertz — Tue, 01 Feb 2011 11:26:22 +0100

one-two-one-two

Anne So: Merci pour la précision, tout à fait d’accord. Je ne doute pas que dans des mains habiles, le résultat peut être surprenant.

Un peu comme le canon de Vignelli, il serait heureux de voir naître des canons de page web. Si vous avez un code de composition typographique, pourquoi ne pas le formaliser?

Craig Mod suit cette voie avec Bibliotype

La justification sur le web : usages et précautions - Anne-So

Anne-So — Mon, 31 Jan 2011 17:31:45 +0100

À tous ceux qui ont exprimé des réserves ou de franches critiques vis-à-vis de notre justification : il est clair qu’il n’est pas possible d’obtenir un résultat idéal.

Il est illusoire de vouloir retrouver sur le Web la perfection du papier. Le texte n’est pas géré de la même façon, les moyens sont très limités : il faut l’accepter, c’est le « lâcher-prise » dont parle Jeremie. Voyons ce qu’il est possible de faire, sans se mettre des barrières de principes. Nous avons également eu de nombreux retours très positifs sur la lisibilité du site et sa clarté, qui sont à mettre au crédit du design, dont la justification du texte courant est un élément essentiel (je veux dire que si je la supprime, je refais tout).

Daan > La faute a été corrigée, merci de l’avoir signalée.

Regis > Merci de ton commentaire. Ne te méprends pas sur ma conclusion : elle était motivée par certaines réactions que nous avons eues (à base de « Ça ne se fait pas ! —Pourquoi ? —Mééééé parce que ça ne se fait pas ! »). Je pense qu’on peut se permettre d’expérimenter tout ce qu’on veut dès lors qu’on tient compte du fondement des règles ; c’est une grosse condition.

Arthur > D’après mes recherches, l’emploi du mot « césure » pour « coupure » est effectivement un abus de langage… certainement destiné à devenir un usage légal dans la mesure où il est largement employé, notamment dans l’interface d’InDesign (et l’on sait quelle influence l’outil peut avoir). L’avenir nous dira ce que deviendra ce mot. Il ne serait pas le premier à voir son sens s’élargir ou se transformer :)

Monique > Merci beaucoup de ta remarque ; Vincent l’a soulevée dans nos discussions internes, il serait intéressant d’approfondir ce point. Je vais lui suggérer de le faire (c’est un peu notre Monsieur Accessibilité).

La justification sur le web : usages et précautions - Monique

Monique — Mon, 31 Jan 2011 16:36:30 +0100

Bonjour,

Je suis dyslexique donc mal placée pour donner un avis pertinent, c’est pourquoi mon commentaire est juste un retour d’expérience.

Je suis bien d’accord, un texte justifié gagne haut la main d’un point de vue esthétique. Mais que ce soit sur papier ou sur le Web, même réalisé dans les règles de l’art, cela devient vite un cauchemar pour moi au delà de 5 ou 6 lignes. Même avec des lignes assez courtes, je passe plus de temps à chercher où j’en suis de ma lecture qu’à la lecture elle-même.

Sur papier j’utilise souvent mon doigt comme un lecteur débutant (je renonce même à acheter certains livres quand j’y vois un grand nombre de gros pavés de texte). Sur le Web j’utilise l’extension Readability.
C’est dommage, surtout quand l’auteur a fait un gros travail pour obtenir une présentation de qualité, mais je n’ai pas vraiment le choix.

Amicalement,
Monique

La justification sur le web : usages et précautions - Arthur

Arthur — Mon, 31 Jan 2011 16:21:17 +0100

Le terme typographique n’est pas « césure », mais « division » et éventuellement « coupure de mot ». La césure n’existe qu’en poésie et désigne une division rythmique du vers ou de la phrase (source : http://www.orthotypographie.fr/volu…).

La justification sur le web : usages et précautions - Regis Kuckaertz

Regis Kuckaertz — Mon, 31 Jan 2011 16:01:44 +0100

TypeSet est une autre solution intéressante à connaître: http://www.bramstein.com/projects/t…

La typographie sur internet est encore terra incognita, un blog comme le tien est idéal pour tester à foison et progresser par essais-erreurs. Ca change des avis absolus si déprimants.

Mais je trouve la conclusion un peu facile, voire dangereuse. Elle pourrait amener à penser qu’il suffirait de tester une fois la mise en page afin de décider si elle peut s’appliquer unilatéralement. Tout comme Daan je trouve que cet article, par sa forme, est une antithèse du sujet qu’il traîte (avec brio). La couleur du texte est nettement meilleure en augmentant la largeur du bloc.

Je trouve que tu oublies un paramètre important: le texte lui-même. Son contenu et sa nature. A ce stade de maturité des navigateurs, opter pour le texte au pavé c’est s’infliger (à soi ou à la personne responsable de la publication) la tâche d’éditer le texte pour qu’il colle avec la mise en page, et vice versa. Oui, je suis en train de dire qu’il faut non seulement éditer le texte, mais aussi le mettre en page, au cas par cas — tout comme sur le papier.

Les commentaires sur ce site, par exemple, seraient mieux en drapeau, étant par nature incontrôlables (update: l’aperçu est en drapeau, lui, et c’est nickelement nickel).

Cela étant dit, pour appuyer ta thèse, le site http://momthisishowtwitterworks.com… est un excellent exemple. Certains (certains!) textes sont justifiés et ne sont pas dépourvus de rivières, mais l’effet est astucieusement dilué grâce aux choix typographiques de l’auteur.

Jusitification sur le web? Oui, définitivement. Mais cela réclame un soin du détail supplémentaire dans la mise en page et il faut en être conscient — à ne pas mettre dans toutes les mains donc.

Bisou

La justification sur le web : usages et précautions - Martin - Webaaz

Martin - Webaaz — Mon, 31 Jan 2011 14:40:11 +0100

Pour une fois qu’on dit pas simplement, c’est nul, faites le pas, je dis bravo ! En plus c’est super bien écrit !

La justification sur le web : usages et précautions - Daan

Daan — Mon, 31 Jan 2011 14:31:15 +0100

Merci pour cet article complet. Par contre au risque de vous faire de la peine je ne trouve pas que la justification fonctionne sur ce site… Une ligne sur trois peut-être.

ps: oh et c’est « hyphenator » et non pas « hyphnator » ; )

La justification sur le web : usages et précautions - Nicolas Hoizey

Nicolas Hoizey — Mon, 31 Jan 2011 14:25:32 +0100

Excellent billet une fois de plus, merci !

Juste un commentaire sur ce bout : “si vos caractères sont étroits et que leur approche est faible, chaque mot a une apparence compacte qui contraste plus fortement avec le blanc de l’espace-mot”.

Si les mots sont plus compacts, ils auront plus de chance d’être plusieurs sur la ligne, et donc que l’espace-mot soit moins aggrandi pour la justification, non ?

Sur mon site, au delà du design qui ne semble pas vraiment plaire, j’ai choisi de justifier la colonne principale qui est suffisamment large (ça aide à poser la gouttière, au passage), mais je ne justifie pas les deux autres colonnes (ou une seule si votre résolution est faible), qui sont plus étroites :
http://gasteroprod.com/blog/le-desi…

Approche pragmatique avant tout, j’aime donc particulièrement la conclusion de ce billet… ;-)