Comment justifier son texte (parce que c'est plus joli...)

in fr •  7 years ago 

Salut à tous, en peu de temps plusieurs personnes m'ont demandé sur Discord comment je faisais pour justifier mon texte. Voilà donc le secret 😉 !

Css-Html-Programming-Website-Internet-3170991.png

Comme tout bon steemien qui se respecte, je suis d'abord allez voir sur le site de @roxane (comprendre-steem.fr), et soit j'ai mal cherché, soit l'info ne s'y trouve pas, donc ci-dessous je vous explique. Au passage, ce site est une mine d'informations pour toute personne qui débute sur Steem, je vous invite fortement à le visiter.

Déjà comparons un texte justifié d'un texte qui ne l'est pas.

Texte non justifié

Duis pharetra nisi ut nibh euismod finibus. Aenean at lacinia tellus, sit amet lobortis ipsum. Maecenas consequat posuere massa, non imperdiet diam posuere vel. Maecenas nulla quam, fermentum id lobortis blandit, facilisis vitae orci. Donec nec sapien tellus.


Texte justifié

Duis pharetra nisi ut nibh euismod finibus. Aenean at lacinia tellus, sit amet lobortis ipsum. Maecenas consequat posuere massa, non imperdiet diam posuere vel. Maecenas nulla quam, fermentum id lobortis blandit, facilisis vitae orci. Donec nec sapien tellus.


Alors, il n'y pas photo, c'est vachement plus joli quand tout est bien aligné 😋. Et pour avoir ce rendu, il suffit d'intégrer le texte voulu entre ces deux balises :

<div class="text-justify">
Votre texte...
</div>

Et c'est tout. Après en fonction des options de rédaction que vous utilisez en Markdown, il peut y avoir des petits bugs d'affichage, en général en sautant une ligne entre le code et le texte, cela suffit à régler le problème.

Sur ces bonnes paroles, je vous souhaite une bonne journée et justifiez bien 😊 !

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

En effet, l'info ne s'y trouve pas ;-)
Merci à toi pour le partage. Je ne prends pas souvent le temps de justifier mon texte, je l'oublie ^^ alors que c'est vraiment plus joli.
Allé, je viens de justifier tout mes textes des 7 derniers jours, la dernière fois que je l'ai fait ça date d'y a 20 jours :D Et comme ça @ragepeanut ne souffrira plus des yeux ^^

Hi hi quelle motivation ! ;-)

Merci @arkcoin

Mais est-ce une bonne chose d'utiliser de l'html au milieu d'un article markdown ?

Je suis toujours frileux à le faire, car pour moi c'est le frontend qui doit gérer la mise en page, et donc la taille, la couleur, le centrage, la justification d'un texte.

Là tu pars du principe que busy ou steemit interpretent la class 'text-justify' pour justifier ton texte, et tu fabriques ta publication basé sur ce paramètre. Mais si un nouveau frontend tartenpion ne l'utilise pas ou qu'un autre système publie les articles steem sur une montre ou un frigo (écrans de taille spécifique), tes efforts de mise en page seront vains et tous tes articles justifiés deviendront peut-etre illisibles sur ces supports.
Et là, pas moyen de corriger vu que tes articles seront écrits en dur dans la blockchain.

Donc pour moi, il vaut mieux faire moins beau, mais rester en markdown pur pour être pleinement compatible avec les systèmes futur !

Je comprends la logique derrière ce que tu dis mais en tant que fervent utilisateur du texte justifié, je tiens à le défendre car je ne vois pas assez de monde l'utiliser. Ta logique est bonne et je suis d'accord avec toi, le frontend se chargeant de gérer tout ça, l'utilisation de class dans son texte n'a pas l'air recommandé. Cependant, je tiens à te dire que si la plateforme tartenpion n'utilise pas cette class, c'est qu'elle est incapable de s'adapter et qu'elle est destinée à disparaître étant donné que les posts ne ressembleront à rien que sur cette plateforme. Les utilisateurs se diront simplement que tartenpion ne sait pas gérer ce que ses concurrents savent gérer. On a déjà pu voir ça avec les posts en provenance de DTube, Busy ne les supportait pas auparavant, ils ont du s'adapter pour les prendre en compte et ainsi avoir un pas d'avance sur Steemit. Et puis je tiens à te rappeler que tous ces sites utilisent le Markdown parce que Steemit l'a utilisé et était la première application à utiliser la blockchain Steem. Une autre application pourrait très bien proposer d'écrire des articles dans un autre langage de balisage et ses posts ne seraient lisibles que sur celle-ci, du moins jusqu'à ce que les autres applications s'adaptent ! Il ne faut pas oublier aussi que le Markdown est implémenté de plein de façons différentes, il ne fonctionne pas de la même manière sur YouTube que sur Steemit ou Discord. Pourtant toutes les applications interagissant avec Steem ont décidé d'adopter la même implémentation du Markdown, curieux non ? C'est comme si Steemit en étant la première application à interagir avec la blockchain a imposé les règles. Ah non, ce n'est pas comme si, c'est le cas en fait ! En bref, fournir une application ne gérant pas ces class serait du suicide, c'est pourquoi tous les développeurs implémentent le même Markdown que Steemit.

Pour finir, si un autre front-end n'utilise pas cette class, elle sera juste traitée en tant que class "fantôme" et le texte ne sera juste pas justifié. Ça ne rendra en rien l'article illisible, ça le rendra juste comme le reste des articles non justifiés.

Merci pour ton commentaire et ton avis constructif !

Je suis bien d’accord avec toi sur le principe, mais en tant que développeur (amateur) je me demande ou cela s’arrete : est-ce qu’une plateforme doit se baser sur ce qu’utilisent les utilisateurs ou sur des normes ?

Car ici on parle d’une simple class à implémenter, mais faut-il supporter l’integralité de html4. Dans ce cas, quid de html5 ou JS ?

Finalement, est-ce que les plateformes n’ont pas intérêt à mettre du justify par defaut pour tous les textes au niveau de la plateforme de rendu ?

Mais bref, tu as raison, laissons la diversité opérer !

Merci à toi pour ton ouverture d'esprit ! J'ai l'impression que c'est de plus en plus rare de nos jours !

Je pense que les applications rémunérant les utilisateurs en Steem continueront à s'adapter aux normes imposées par Steemit, qui sont au final les normes que les utilisateurs doivent eux aussi respecter.

Cependant, avec l'arrivée des SMT, je suis sûr que les applications y verront un moyen d'enfin pouvoir sortir des normes. C'est un point dont personne ne semble parler, certainement parce qu'il est beaucoup moins important que le reste des avantages que les SMT apporteront, mais les applications pourront enfin faire ce qu'elles veulent. Si une application veut inventer son propre langage de markup et inclure du JS dans ses posts (même si c'est risqué niveau sécurité), qu'elle le fasse, ça n'aura aucun impact sur les autres applications !

Pour ta dernière question, comme je t'ai déjà dit je suis un adept du texte justifié. Seulement, il y a plus de monde qu'on le pense qui n'aime pas ça du tout donc je dirais que non, il ne faut pas que le texte soit justifié par défaut ! Par contre on peut très bien imaginer une application qui permet de changer ça dans les paramètres via une option "Justifier le texte ? Oui - Non - Uniquement quand l'auteur l'a justifié".

C'est un choix effectivement ;-).

Merci pour l’info ça peut toujours être utile
Mais pas besoin de te justifier 😜

Si si j'insiste, d'ailleurs, j'ai même justifié ce commentaire pour qu'il soit plus sexy à lire. Parce que c'est bien beau de donner des conseils d'esthétique si l'on ne les applique pas soi-même lol.

Merci je ne savais pas. Et c’est clair que c’est plus esthétique comme ça. J’ai hâte de justifier mon prochain article ;)

Toute mon attention sera portée là-dessus lol ;-).

Merci pour l'astuce !

De rien ;-).

Merci pour cette astuce qui, je pense, me sera très utile à l'avenir !

Content que ça puisse servir ;-).

Excellent! Depuis le temps que je me posais pas question ;) Finalement, ce justifier peut avoir du bon! ;)

Merci ;)

Attention @lamouthe, quand on se justifie trop, ça cache quelque chose 😂.

Merci ! c'est très utile.

Parfait ;-).

Merci pour l'info :D !
Elle va directement dans ma "liste de balises" et j'essayerai de penser à l'utiliser la prochaine fois.

Impeccable ;-) !

Merci pour le post ! J'utilise ça depuis mon arrivée sur Steem, je ne savais pas que si peu de monde était au courant. Je suis ravi de voir tous les commentaires d'utilisateurs qui vont se mettre à justifier leurs textes, ça me piquera moins les yeux grâce à toi !

Je coche dans ma « To do list » : prendre soins des yeux de @ragepeanut (X) - Done ^^.

Je coche dans ma « To do list » : prendre soins des yeux de @ragepeanut (X) - Done ^^.