Typographisme - De la césure et du Web - Commentaires

De la césure et du Web - Mancko

Mancko — Fri, 29 Nov 2013 21:46:30 +0100

Effectivement, les règles de césures appliquées par les navigateurs peuvent être assez frustrantes. J’ai récemment rencontré « comprenn-ent » au lieu de « compren-nent » sur Firefox (et il s’agissait de l’une des dernières versions de celui-ci).
Un pré-traitement côté serveur est l’idéal. Reste à trouver les dictionnaires de césures nécessaires…

De la césure et du Web - Hugo Giraudel

Hugo Giraudel — Sun, 26 Aug 2012 11:03:06 +0200

Bel article, c’est pas si souvent que l’on a droit à des articles français de cette qualité.

Pour un complément d’informations on peut aller voir du côté du blog de Kenneth Auchenberg qui met à disposition un article très complet sur la césure : http://blog.kenneth.io/blog/2012/03…

La solution actuelle la plus fonctionnelle d’un point de vue cross-browsering reste la suivante :
-ms-word-break: break-all;
word-break: break-all;

// Non standard for webkit
word-break: break-word;

-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

De la césure et du Web - Picolozine

Picolozine — Fri, 17 Aug 2012 14:12:14 +0200

Après de nombreux essais, j’ai choisi la solution Javascript avec Hyphenator.js.
Je trouve que le résultat est visuellement plus réussi et son affichage sur certains smartphones donne de bons résultats (testé sur un iPhone).

Je vais continuer de faire des tests à droite et à gauche, mais la césure me semble promise à un bel avenir sur le web !

En tout cas, merci pour ces explications remarquables.

De la césure et du Web - clemencizm

clemencizm — Fri, 27 Jul 2012 20:04:12 +0200

Génial l’automatisation de la césure!

Enfin comme tu dis, plus de prétexte pour voir des blancs de texte horrible sur internet.

J’adore!

De la césure et du Web - Aldus

Aldus — Fri, 20 Apr 2012 09:45:27 +0200

Merci pour cet article. Je voudrais ajouter que le Nook Touch est le seul livre électronique qui gère la césure. Sur des écrans de petites tailles, seule façon d’avoir un rendu typographique satisfaisant. Même si elles ne sont pas parfaites en langue française, c’est suffisamment intéressant quand même.

De la césure et du Web - Lomalarch

Lomalarch — Fri, 23 Mar 2012 13:08:32 +0100

Juste pour le plaisir d’être désagréable : « frustre » est une bien vilaine déformation de l’élégant mot « fruste » ;-)

Merci pour le tour d’horizon, en tout cas !

De la césure et du Web - Jeremie

Jeremie — Sat, 17 Mar 2012 22:57:43 +0100

@Stephane

Ben, oui et non. Oui dans le sens où la propriété CSS hyphens reste préfixée pour l’instant et doit donc être considéré avec prudence.

Après quelque soit la méthode choisie, j’ai envie de dire non car en fait, cela dépend essentiellement de la qualité du dictionnaire de césure. Et là, ça devient compliqué. En effet, c’est assez long et compliqué de faire de bon dictionnaires de césures et chaque éditeur de navigateur ne va pas nécessairement y allouer les même ressources (en creux, ça veux également dire que les césures ne seront pas les même d’un navigateur à l’autre). Cela va donc prendre du temps d’avoir des dictionnaires de césure de bonne qualité… et même comme ça, ce ne sera jamais parfait.

A ma connaissance, la seul façon d’avoir des césures de qualité, c’est de placer soit même les opportunité de césure à la mains.

Après, c’est ce que je disais en conclusion, je reste persuadé que l’avenir et à la suppression pure et simple des césures, mais cela va prendre du temps car ce n’est pas simple à réaliser.

De la césure et du Web - Stéphane Deschamps

Stéphane Deschamps — Fri, 16 Mar 2012 10:50:10 +0100

Je voyais justement une césure dans mon Firefox en te lisant :

<q>particulièrem-ent</q>

J’ai l’impression qu’on en est encore aux balbutiements, non ?

De la césure et du Web - soky

soky — Fri, 09 Mar 2012 21:51:57 +0100

Merci Jeremie pour ces précisions.

De la césure et du Web - Sunny

Sunny — Fri, 09 Mar 2012 10:15:42 +0100

Un avantage du JavaScript vis à vis de propriétés CSS est qu’il permet de lister des exceptions. Bien pratique lorsqu’on ne veut pas découper le nom d’une marque !

De la césure et du Web - Jeremie

Jeremie — Wed, 07 Mar 2012 00:15:49 +0100

Bonjour Soky

« il existe des algorithmes mathématiques capables de créer des textes justifiés sans césure ni rivière de blanc en son sein » Ah bon, comment est-ce possible ?

Ces algorithmes calculent les tailles optimales d’agrandissement ou de réduction des espace mots pour donner le meilleur rendu visuel en fonction de la taille des mots (c’est par exemple le cas de l’algorithme Knuth and Plass). Certains vont même jusqu’à changer l’interlettrage pour un rendu plus harmonieux (c’est par exemple ce que promet la propriété CSS text-justify: distribute).

Ne serait-ce pas plus ‘simple’ d’adapter et intégrer ces algorithmes dans les navigateurs ?

Non, c’est extrêmement compliqué car la plupart de ces algorithmes ont un cout exponentiel (plus il y a de texte à traiter plus les ressources nécessaires pour faire un même calculs sont importantes). Or, les constructeurs de navigateurs sont particulièrement réticent à implémenter ce genre d’algorithme exponentiel car ils sont très susceptibles de ralentir, voir de bloquer, le navigateur.

De la césure et du Web - Jeremie

Jeremie — Tue, 06 Mar 2012 23:58:27 +0100

Bonjour Gaël.

En ce qui me concerne je n’ai pas de préférence particulière car cela dépendra toujours du contexte. Si cela peut t’aider, sur Typographisme, nous utilisons la propriété CSS hyphens.

De la césure et du Web - soky

soky — Tue, 06 Mar 2012 20:57:09 +0100

Waow. Superbe article. Pour une fois que qqn se penche sur le sujet. Bravo. À l’époque, j’avais écrit un article dessus (voir lien pseudo).

Rhaa… mais non ! Cachez ce shy que je ne saurais voir ! Je n’ose imaginer un rédacteur s’atteler à cette tâche ingrate de prévoir les éventuelles césures à coups de shy. De la folie ! En raison de la diversité des supports, tout contenu est susceptible d’engendrer des espaces disgracieux. Autrement dit, cette contrainte devrait s’appliquer à tout texte écrit. Notre « simple » auteur n’a pas fini d’en baver. En plus d’encadrer ces mots des balises b, i, cite, a href, img et autres span, le voilà contraint de saucissonner les mots. Tout ça pourquoi ? Parce que la technique est défaillante (qui à dit qu’elle était au service ?). Faut-il encore bien connaître les règles (elles sont nombreuses et variables). Avec tout ça, il faut encore définir à partir de quand on considère un mot sujet à coupure. Va pour le mot le plus long du dictionnaire mais est-il pertinent de sectionner un mot aussi court qu’ « énorme » (cf. le test) ? Heureusement, cette balise est restée dans l’ombre et c’est tant mieux.

Pour le javascript, comme vous l’avez indiqué, j’ai mes réserves en termes d’accessibilité et de poids de fichier.

« il existe des algorithmes mathématiques capables de créer des textes justifiés sans césure ni rivière de blanc en son sein » Ah bon, comment est-ce possible ? Ne serait-ce pas plus ‘simple’ d’adapter et intégrer ces algorithmes dans les navigateurs ? Cela dit entre nous, LaTex reste confiné aux geeks et autres amateurs de codage. Une belle typographie devrait être accessibles au plus grand nombre.

De la césure et du Web - Gaël

Gaël — Tue, 06 Mar 2012 14:26:35 +0100

Article très intéressant pour faire le point sur les outils actuels ! Il complète très bien un de vos précédents articles traitant de la justification du texte, d’ailleurs.

Suivant les contraintes d’un client - performance, accessibilité, graphisme … - certaines solutions semblent prévaloir; mais en terme de résultats, votre page de test montre des disparités.

A titre d’information, avez-vous une préférence sur ces outils ?