גלישת טקסט: אליפסיס נחשב מזיק

הועלה מחדש על ידי אפלטון

עוקב: 0

ישנם כמה מקרי שימוש לגיטימיים עבור טכניקה זו. לדוגמה, ייתכן שתהיה לך טבלה עם כותרות ותיאורים. כדי לשמור יותר מקום עבור הכותרת, אתה מגביל את התיאור לשורה אחת ביציאות תצוגה קטנות לשורה אחת וחוזר על התיאור בדף הפרטים של פריט זה.

עם זאת, לעתים קרובות אני רואה את זה בשימוש על פריטים כמו כפתורים או אפילו טופס תוויות כדי לגרום להם להיראות יפה יותר (?) או כאשר הם מיישרים אותם אנכית. אבל ברגע שאתה משנה את נקודת התצוגה או משנה את גודל הטקסט, סוף הטקסט נעלם.

אני חושב ש"... אם נעשה בו שימוש במצבים מסוימים" שייך לשם, אבל זה בהחלט יוצר כותרת טובה יותר לפוסט בלעדיו. כפי שאריק אומר, ישנם מקרי שימוש לגיטימיים לחיתוך טקסט. אולי רק כמה, אבל לגיטימי בכל זאת.

המטרה הסופית היא למנוע "איבוד" נתונים, משהו זה בהחלט יכול לקרות ב-CSS. טקסט שעולה בטעות על מיכל הולך לאיבוד במובן זה שהוא פשוט לא שם. ואם הטקסט הזה פשוט לא שם, המשתמשים יתגעגעו אליו, גם אם זו הקריאה לפעולה הטובה והמעוצבת ביותר שפורסמה אי פעם ברשת.

אריק מציין שאין דרך להפוך את הטקסט לקטוע על ידי text-overflow: ellipsis גלוי. ברגע שזה נעלם, זה נעלם (למרות שנראה שקוראי מסך מכריזים על כך). זה כמעט נתונים שאבדו. אולי אתה בסדר עם זה. זה מגניב כל עוד אתה יודע מה קורה וזה נועד.

אבל הנה מה שאריק אומר שגרם לי לרצות לשתף את זה:

אל תגביל את התוכן כך שיתאים לעיצוב שלך, הפוך את ה-CSS שלך גמיש לטיפול במילים ארוכות יותר בחן.

שוב אתה יכול רוצה להתאים את התוכן לעיצוב. אבל כנראה הייתי טוען, כמו אריק, שה העיצוב צריך להתאים לתוכן ולא להיפך. אני מתקשה להיזכר בכל מצב שבו הטקסט בדף אינו חשוב או חסר מטרה עד כדי כך שאהיה מגניב לחתוך אם מנותק בכל נקודה שרירותית שנקבעת על ידי מאפיין CSS. אולי ארכיון של פוסטים בבלוג שבו כל פוסט מציג קטע מתוכן הפוסט לפני הקיצוץ, אבל זה לא בדיוק מקרה שימוש עבור text-overflow: ellipse.

ל-CSS יש את הכלים ליצור עיצוב גמיש המתייחס לאורכים משתנים של טקסט. אז אולי לטעות בצד של כתיבת CSS הגנתי… CSS שצופה בעיות ויודע לטפל בחן בתרחישי תוכן שונים. text-overflow: ellipsis יכול להיות חלק מארסנל ה-CSS שלך בשביל זה. אבל יכול להיות שזה גם לזרוק את התינוק עם מי האמבטיה. שווה לשאול האם אובדן הנתונים הזה שווה את העלות של מה שהתוכן הזה אמור לעשות לפני שתסתפר.

בזמן שאנחנו מדברים על קיצור טקסט...

קישור ב-1 באוקטובר 2021