ٹیکسٹ اوور فلو: بیضوی کو نقصان دہ سمجھا جاتا ہے۔

افلاطون کے ذریعہ دوبارہ شائع کیا گیا۔

فالونگ: 0

اس تکنیک کے استعمال کے چند جائز معاملات ہیں۔ مثال کے طور پر، آپ کے پاس عنوانات اور تفصیل کے ساتھ ایک ٹیبل ہو سکتا ہے۔ عنوان کے لیے مزید جگہ محفوظ کرنے کے لیے، آپ چھوٹے ویو پورٹس پر ایک لائن تک تفصیل کو محدود کرتے ہیں اور آپ اس آئٹم کے لیے تفصیل والے صفحہ پر تفصیل کو دہراتے ہیں۔

تاہم، میں اکثر اسے آئٹمز جیسے بٹن یا حتیٰ کہ لیبل بنانے کے لیے استعمال ہوتے ہوئے دیکھتا ہوں تاکہ وہ اچھے لگیں لیکن ایک بار جب آپ ویو پورٹ کو تبدیل کرتے ہیں یا متن کا سائز تبدیل کرتے ہیں تو، متن کا اختتام غائب ہو جاتا ہے۔

میرے خیال میں "... اگر کچھ حالات میں استعمال کیا جاتا ہے" وہاں سے تعلق رکھتا ہے، لیکن یہ یقینی طور پر اس کے بغیر ایک بہتر بلاگ پوسٹ کا عنوان بناتا ہے۔ جیسا کہ ایرک کہتے ہیں، متن کو تراشنے کے لیے استعمال کے جائز معاملات ہیں۔ شاید صرف چند، لیکن اس کے باوجود جائز۔

حتمی مقصد ڈیٹا کو "کھونے" سے روکنا ہے، کچھ یہ یقینی طور پر CSS میں ہوسکتا ہے۔. متن جو نادانستہ طور پر کسی کنٹینر کو اوور فلو کر دیتا ہے اس معنی میں کھو جاتا ہے کہ یہ وہاں نہیں ہے۔ اور اگر وہ متن صرف وہاں نہیں ہے تو، صارفین اس سے محروم رہیں گے، چاہے یہ ویب پر شائع ہونے والی بہترین اور سب سے اچھی طرح سے تیار کردہ کال ٹو ایکشن ہو۔

ایرک بتاتے ہیں کہ متن کو چھوٹا کرنے کا کوئی طریقہ نہیں ہے۔ text-overflow: ellipsis نظر آنے والا ایک بار یہ چلا گیا، یہ چلا گیا (اگرچہ اسکرین ریڈرز اس کا اعلان کرتے دکھائی دیتے ہیں۔)۔ یہ عملی طور پر ڈیٹا کھو گیا ہے۔ آپ اس کے ساتھ ٹھیک ہوسکتے ہیں۔ جب تک آپ جانتے ہیں کہ کیا ہو رہا ہے اور اس کا ارادہ ہے یہ اچھا ہے۔

لیکن ایرک نے جو کہا ہے وہ یہ ہے جس نے مجھے اس کا اشتراک کرنا چاہا:

مواد کو اپنے ڈیزائن میں فٹ کرنے کے لیے مجبور نہ کریں، اپنے CSS کو لچکدار بنائیں تاکہ لمبے الفاظ کو خوبصورتی سے سنبھال سکیں۔

ایک بار پھر، آپ شاید مواد کو ڈیزائن کے مطابق بنانا چاہتے ہیں۔ لیکن میں شاید ایرک کی طرح بحث کروں گا کہ ڈیزائن مواد کے مطابق ہونا چاہئے دوسرے راستے کے بجائے۔ مجھے کسی بھی ایسی صورت حال کو یاد کرنے میں سخت دقت ہوتی ہے جہاں کسی صفحہ پر متن غیر اہم ہو یا اس حد تک بے مقصد ہو کہ CSS پراپرٹی کے ذریعہ متعین کسی بھی صوابدیدی نقطہ پر اگر میں اسے بند کردوں گا تو مجھے اچھا لگے گا۔ ہوسکتا ہے کہ بلاگ پوسٹس کا ایک آرکائیو جہاں ہر پوسٹ تراشنے سے پہلے پوسٹ کے مواد کا ایک اقتباس دکھاتی ہو، لیکن یہ بالکل استعمال کا معاملہ نہیں ہے text-overflow: ellipse.

CSS کے پاس ایک لچکدار ڈیزائن بنانے کے لیے ٹولز ہیں جو متن کی مختلف لمبائیوں کے لیے اکاؤنٹس ہیں۔ تو شاید کی طرف سے غلطی دفاعی سی ایس ایس لکھنا… CSS جو مسائل کا اندازہ لگاتا ہے اور جانتا ہے کہ مختلف مواد کے منظرناموں کو خوبصورتی سے کیسے ہینڈل کرنا ہے۔ text-overflow: ellipsis اس کے لیے آپ کے CSS ہتھیاروں کا حصہ ہو سکتا ہے۔ لیکن یہ بچے کو نہانے کے پانی سے باہر پھینکنا بھی ہو سکتا ہے۔ یہ پوچھنے کے قابل ہے کہ کیا اس ڈیٹا کو کھونا اس قیمت کے قابل ہے کہ اس مواد کو بال کٹوانے سے پہلے کیا کرنا ہے۔

جب ہم متن کو تراشنے کے بارے میں بات کر رہے ہیں…

لنک 1 اکتوبر 2021 کو