Teksti ületäitumine: ellipsit peetakse kahjulikuks

Taasavaldanud Platon

järgijaid: 0

Selle tehnika jaoks on mõned õigustatud kasutusjuhised. Näiteks võib teil olla pealkirjade ja kirjeldustega tabel. Pealkirja jaoks rohkem ruumi säilitamiseks piirate kirjelduse ühe reaga väikestes vaateavades kuni üherealiseks ja kordate kirjeldust selle üksuse üksikasjade lehel.

Siiski näen seda sageli üksustel, nagu nuppudel või isegi vormisiltide puhul, et muuta need ilusamaks (?) või vertikaalselt joondamiseks. Kuid kui muudate vaateava või teksti suurust, kaob teksti lõpp.

Ma arvan, et "… kui seda kasutatakse teatud olukordades" kuulub sinna, kuid see teeb kindlasti parema blogipostituse pealkirja ilma selleta. Nagu Eric ütleb, on teksti kärpimiseks õigustatud kasutusjuhtumeid. Võib-olla ainult mõned, kuid siiski legitiimsed.

Lõppeesmärk on vältida andmete "kaotamist". see võib CSS-is kindlasti juhtuda. Tekst, mis kogemata mahutab üle, läheb kaotsi selles mõttes, et seda lihtsalt pole. Ja kui seda teksti lihtsalt pole, jäävad kasutajad sellest ilma, isegi kui see on parim ja kõige paremini koostatud üleskutse tegevusele, mis kunagi veebis avaldatud.

Eric juhib tähelepanu sellele, et teksti ei saa kuidagi kärpida text-overflow: ellipsis nähtav. Kui see on läinud, on see läinud (kuigi ekraanilugejad näivad sellest teatavat). Need on praktiliselt kadunud andmed. Sulle võib see sobida. See on lahe, kuni tead, mis toimub ja see on ette nähtud.

Kuid siin on see, mida Eric ütleb, mis pani mind tahtma seda jagada:

Ärge piirake sisu nii, et see sobiks teie kujundusega, vaid muutke oma CSS paindlikuks, et pikemaid sõnu graatsiliselt käsitleda.

Jällegi sina võib soovite sisu kujundusega vastavusse viia. Aga ma väidan ilmselt nagu Eric, et disain peaks sobima sisuga mitte vastupidi. Mul on raske meenutada olukordi, kus lehel olev tekst on ebaoluline või eesmärgitu, nii et ma lõikaksin selle CSS-i atribuudiga määratud suvalises punktis lahedalt ära. Võib-olla ajaveebipostituste arhiiv, kus iga postitus näitab enne kärpimist väljavõtet postituse sisust, kuid see pole just sobiv text-overflow: ellipse.

CSS-il on tööriistad paindliku kujunduse loomiseks, mis arvestab erineva pikkusega tekstiga. Nii et võib-olla eksite kaitsva CSS-i kirjutamine... CSS, mis näeb probleeme ette ja teab, kuidas graatsiliselt käsitleda erinevaid sisustsenaariume. text-overflow: ellipsis võib olla osa teie CSS-i arsenali. Kuid see võib olla ka lapse vanniveega välja viskamine. Tasub küsida, kas nende andmete kaotamine on seda kulu väärt, mida see sisu peaks tegema, enne kui hakkate sellele soengut lõikama.

Kui me räägime teksti kärpimisest…

on siin 1. oktoobril 2021