Text-overflow: Ellipsis Considered Harmful

Republicat de Platon

Urmaritori: 0

Există câteva cazuri de utilizare legitime pentru această tehnică. De exemplu, este posibil să aveți un tabel cu titluri și descrieri. Pentru a păstra mai mult spațiu pentru titlu, restrângeți descrierea la o linie pe ferestrele mici de vizualizare la o singură linie și repetați descrierea pe pagina de detalii pentru acest articol.

Cu toate acestea, îl văd adesea folosit pe elemente precum butoane sau chiar pentru a forma etichete pentru a le face să arate mai frumos (?) sau atunci când le aliniez vertical. Dar odată ce modificați fereastra sau redimensionați textul, sfârșitul textului dispare.

Cred că „... dacă este folosit în anumite situații” ar trebui să fie acolo, dar cu siguranță face un titlu mai bun al postării de blog fără el. După cum spune Eric, există cazuri de utilizare legitime pentru trunchierea textului. Poate doar câteva, dar legitime totuși.

Scopul final este de a preveni „pierderea” de date, ceva asta se poate întâmpla cu siguranță în CSS. Textul care revarsă din neatenție un container se pierde în sensul că pur și simplu nu este acolo. Și dacă acel text pur și simplu nu este acolo, utilizatorii îl vor rata, chiar dacă este cel mai bun și mai bine conceput îndemn la acțiune publicat vreodată pe web.

Eric subliniază că nu există nicio modalitate de a trunchia textul de text-overflow: ellipsis vizibil. Odată ce a dispărut, a dispărut (deși cititorii de ecran par să o anunțe). Practic sunt date pierdute. S-ar putea să fii de acord cu asta. Este grozav atâta timp cât știi ce se întâmplă și este intenționat.

Dar iată ce spune Eric care m-a făcut să vreau să împărtășesc asta:

Nu constrânge conținutul pentru a se potrivi cu designul tău, fă-ți CSS flexibil pentru a gestiona cu grație cuvintele mai lungi.

Din nou tu ar putea doresc să se conformeze conținutului cu designul. Dar probabil aș argumenta, ca Eric, că designul ar trebui să se adapteze la conținut mai degrabă decât invers. Îmi este greu să-mi amintesc orice situație în care textul de pe o pagină este lipsit de importanță sau fără scop, în măsura în care aș fi cool să o tai în orice moment arbitrar determinat de o proprietate CSS. Poate o arhivă de postări de blog în care fiecare postare arată un fragment din conținutul postării înainte de trunchiere, dar acesta nu este tocmai un caz de utilizare pentru text-overflow: ellipse.

CSS are instrumentele necesare pentru a crea un design flexibil care ține cont de lungimi diferite de text. Deci, poate greșesc de partea scrierea CSS defensive… CSS care anticipează problemele și știe cum să gestioneze cu grație diferite scenarii de conținut. text-overflow: ellipsis ar putea face parte din arsenalul tău CSS pentru asta. Dar s-ar putea să fie și aruncarea copilului cu apa din baie. Merită să ne întrebăm dacă pierderea acestor date merită costul a ceea ce ar trebui să facă acel conținut înainte de a-l tuns.

În timp ce vorbim despre trunchierea textului...

Link on Oct 1, 2021