Er zijn een paar legitieme use-cases voor deze techniek. U hebt bijvoorbeeld een tabel met titels en beschrijvingen. Om meer ruimte voor de titel te behouden, beperkt u de beschrijving tot één regel op kleine viewports tot de één regel en herhaalt u de beschrijving op de detailpagina van dit item.
Ik zie het echter vaak worden gebruikt op items zoals knoppen of zelfs formulierlabels om ze er mooier uit te laten zien (?) of wanneer ze verticaal worden uitgelijnd. Maar zodra u de viewport wijzigt of de grootte van de tekst wijzigt, verdwijnt het einde van de tekst.
Ik denk dat "... indien gebruikt in bepaalde situaties" daar thuishoort, maar het zorgt zeker voor een betere blogposttitel zonder. Zoals Eric zegt, zijn er legitieme use-cases voor het inkorten van tekst. Misschien slechts een paar, maar toch legitiem.
Het uiteindelijke doel is om te voorkomen dat er gegevens verloren gaan, iets wat dat kan zeker gebeuren in CSS. Tekst die onbedoeld over een container stroomt, gaat verloren in de zin dat het er gewoon niet is. En als die tekst er gewoon niet is, zullen gebruikers hem missen, zelfs als het de beste en best gemaakte call-to-action is die ooit op internet is gepubliceerd.
Eric wijst erop dat er geen manier is om de tekst te laten verkorten met text-overflow: ellipsis zichtbaar. Als het eenmaal weg is, is het weg (hoewel schermlezers het lijken aan te kondigen). Het zijn praktisch verloren gegevens. Dat vind je misschien oké. Dat is cool zolang je weet wat er gebeurt en het is de bedoeling.
Maar dit is wat Eric zegt waardoor ik dit wilde delen:
Beperk de inhoud niet om in uw ontwerp te passen, maak uw CSS flexibel om langere woorden gracieus te verwerken.
Jij weer macht inhoud wil conformeren aan het ontwerp. Maar ik zou waarschijnlijk beweren, net als Eric, dat de... ontwerp moet zich aanpassen aan de inhoud in plaats van andersom. Ik kan me moeilijk elke situatie herinneren waarin de tekst op een pagina onbelangrijk of zonder doel is, in die mate dat ik het cool zou vinden om te knippen als ik op een willekeurig punt zou worden afgesneden dat door een CSS-eigenschap wordt bepaald. Misschien een archief van blogposts waar elk bericht een uittreksel van de inhoud van het bericht laat zien voordat het wordt afgekapt, maar dat is niet echt een gebruiksvoorbeeld voor text-overflow: ellipse.
CSS heeft de tools om een flexibel ontwerp te maken dat rekening houdt met verschillende lengtes tekst. Dus misschien vergis je aan de kant van defensieve CSS schrijven… CSS die anticipeert op problemen en weet hoe verschillende contentscenario's gracieus te behandelen. text-overflow: ellipsis kan daarvoor deel uitmaken van uw CSS-arsenaal. Maar het kan ook zijn dat het kind met het badwater wordt weggegooid. Het is de moeite waard om je af te vragen of het verliezen van die gegevens de kosten waard is van wat die inhoud zou moeten doen voordat je het een knipbeurt geeft.
Nu we het toch over het afkappen van tekst hebben...
