2022 ڈینور کے علاوہ ایک ایونٹ کل لپیٹ. اور جب کہ میں اس بار تینوں دنوں تک نہیں پہنچ سکا، میں نے کل کی کارروائی پکڑ لی - اور یہ تھا خوفناک. میں بہت زیادہ سماجی یا سبکدوش نہیں ہوں، لیکن یہ پہلی کانفرنس تھی جس میں میں کم از کم چند سالوں میں گیا ہوں، اور لوگوں کو ذاتی طور پر دیکھنا ناقابل یقین حد تک تروتازہ تھا۔
میں نے نوٹ لیا، یقینا! میں نے سوچا کہ میں انہیں یہاں پوسٹ کر دوں کیونکہ شیئر کرنا بہت اچھا ہے۔ کم از کم، یہ وہی ہے جو میرے چھ سالہ بچے نے مجھے دوسرے دن بتایا جب کل رات میری میٹھی کے کاٹنے کے لئے پوچھا.
میں اسے اسپیکر کے ذریعے توڑ دوں گا۔ منصفانہ انتباہ: میں ہاتھ سے لکھے ہوئے نوٹوں اور ایک خوبصورت بصری بندے کے بارے میں ہوں، اس لیے میرے نوٹ کم ہوتے ہیں… زیادہ تر سے ساختہ۔ اور یہ نوٹ صرف وہ چیزیں ہیں جو میرے لیے نمایاں تھیں۔ ہوسکتا ہے کہ وہ پیش کنندہ کا مرکزی خیال بھی نہ ہوں، لیکن انہوں نے میری توجہ مبذول کرلی!
کرس کوئیر: ویب سائٹس اب اچھی ہیں۔
کرس نے یہ بات پہلے بھی دی ہے (ہم نے اسے منسلک کیا صرف پچھلے ہفتے)، لیکن اس بار اس میں کافی حد تک توسیع کی گئی، خاص طور پر تفصیلات کے ساتھ کنٹینر رشتہ دار یونٹس جس کے ساتھ مل کر clamp(), زیادہ درست ردعمل کے لیے بنائیں کیونکہ اقدار ویو پورٹ کے بجائے کنٹینر سے متعلق ہیں۔ لہذا، آپ جانتے ہیں کہ ہم اکثر ویو پورٹ چوڑائی کو کس طرح استعمال کرتے ہیں (vh) سیال قسم کے لیے یونٹس؟
font-size: clamp(1rem, 1rem + 2vw, 2rem);ٹھیک ہے، ہم ایک کنٹینر رشتہ دار یونٹ جیسے استعمال کر سکتے ہیں کنٹینر سوال ان لائن سائز (cqi) اس کے بجائے، کہاں 1cqi کنٹینر کے ان لائن سائز کے 1% کے برابر ہے (یہاں اس پر ڈرافٹ قیاس آرائی ہے۔):
font-size: clamp(1rem, 1rem + 1cqi, 2rem);کرس نے کارکردگی کے فوائد کے بارے میں بھی کافی بات کی۔ کنارے پر میزبانی. شاید کوئی تعجب کی بات نہیں کیونکہ وہ ہے۔ لکھا اس کے بارے میں یہاں چند بار سے زیادہ. یہاں تک کہ کسی ایسے شخص کے طور پر جس نے ان مضامین کو پہلے ہی پڑھ لیا تھا، مجھے ایمانداری سے کمپیوٹنگ کے مکمل تصور کا ادراک نہیں تھا۔
خیال دھوکہ دہی سے آسان ہے: عالمی CDNs کام کر سکتے ہیں۔ اثاثوں تیزی سے کیونکہ وہ ان کی میزبانی جغرافیائی طور پر صارف کے قریب کرتے ہیں۔ راسٹر امیجز پیش کرنے کے لیے یہ کافی معیاری پریکٹس ہے۔ لیکن اس نے جامد فائلوں تک توسیع کی ہے، جیسے کہ وہی ایچ ٹی ایم ایل، سی ایس ایس، اور جاوا اسکرپٹ فائلیں جو کسی سائٹ کو طاقت فراہم کرتی ہیں — انہیں پہلے سے بنائیں اور تیز رفتار عالمی CDN سے پہلے سے مرتب شدہ اور بہتر فائلوں کو پیش کریں۔ یہ پورا جمسٹیک تصور ہے!
لیکن اگر آپ کو اب بھی اس سے سرور کے جواب کی ضرورت ہو تو کیا ہوگا؟ یہ بہت اچھا نہیں ہے، ہے نا؟ ٹھیک ہے، اب ہمارے پاس ایسے ہینڈلرز ہیں جو پہلے سے ڈیٹا حاصل کرنے والے واحد URL پر چلانے کے قابل ہیں، اور اسے رینڈر سے پہلے انجیکشن لگا سکتے ہیں — براہ راست CDN سے۔ یقینی طور پر، پس منظر میں اضافی کام ہو رہا ہے۔ پھر بھی، حقیقت یہ ہے کہ ہم متحرک طور پر ڈیٹا حاصل کر سکتے ہیں، اسے انجیکشن کر سکتے ہیں، اسے پہلے سے بنا سکتے ہیں، اسے جامد طور پر پیش کر سکتے ہیں۔ مطالبے پر، اور اسے جغرافیائی طور پر صارف کے قریب سے چلانے سے یہ بہت تیز ہوجاتا ہے۔
Tolu Adegbite: ARIA میں کیسے جیتیں اور ویب ایکسیسبیلٹی کو متاثر کریں۔
گڈ گوش یہ ایک بہترین پیشکش تھی! Tolu Adegbite نے مجھے WAI-ARIA پر اتنی سختی سے تعلیم دی کہ مجھے ان کے اشتراک کردہ تمام جواہرات — کرداروں کو لکھنے میں بہت مشکل پیش آئی! ریاستیں! لیبل لگانا! تفصیل! ہر چیز غیر معمولی طور پر اچھی طرح سے ڈھکی ہوئی تھی، اور وہ چیزیں جو میں جانتا ہوں کہ میں بار بار آؤں گا۔
لیکن ایک خاص چیز جس نے میری توجہ حاصل کی وہ ہے ان لائن SVG کی رسائی۔ اگرچہ SVG دیگر اقسام کے ڈیزائن اثاثوں سے متعلق ہے، لیکن حقیقت یہ ہے کہ یہ دن کے آخر میں مارک اپ ہے اسے الگ کرتا ہے کیونکہ یہ ہمیشہ ایک تصویر کے طور پر شناخت نہیں کیا جاتا ہے.
معاون ٹیک ان لائن SVG کو ایک مناسب قابل رسائی کردار اور لیبل دے کر بطور تصویر پڑھنے کا زیادہ امکان رکھتا ہے:
مریم سوزین: اہمیت کی جھرن والی پرتیں۔
ارے، ایک اور CSS-Tricks alum! مریم اس پر کافی وقت اور کوشش صرف کر رہی ہے۔ جھرن پرتوں کی تفصیلات. اس نے یہ بھی لکھا ان کے بارے میں بڑا رہنما یہاں CSS-Tricks پر اور ایک ایونٹ کے علاوہ میں ان کے بارے میں بات کی۔
میرے ساتھ سب سے زیادہ جو چیز پھنس گئی ہے وہ یہ ہے کہ یہ کتنی بڑی ذہنی تبدیلی ہے۔ تصور پیچیدہ نہیں ہے، فی سی۔ اعلان کرنا @layer سی ایس ایس دستاویز کے اوپری حصے میں، خاصیت کے لحاظ سے تہوں کی فہرست بنائیں، پھر ان تہوں میں طرزیں لکھیں۔ لیکن میرے جیسے پرانے ڈایناسور کے لیے جو کچھ عرصے سے CSS لکھ رہا ہے، مجھے اس حقیقت کی عادت ڈالنی پڑے گی کہ Cascade Layers ایک سادہ کلاس سلیکٹر کے لیے کسی ایسی چیز کو شکست دینا ممکن بناتا ہے جو عام طور پر اعلیٰ خصوصیت کا حامل ہوتا ہے، ایک ID کی طرح.
🤯
مریم نے کمرے کو یہ بھی یاد دلایا کہ کاسکیڈ پرتیں صرف ایک ٹول ہیں جو ہمارے پاس مخصوصیت کو منظم کرنے والے ٹول بیلٹ میں موجود ہیں، اس کے علاوہ سلیکٹرز جو مخصوصیت کو متاثر کرتے ہیں (مثال کے طور پر، :is(), :where()، اور :has()).
اوہ، اور یہ ایک دلچسپ خبر ہے۔ جیسے ہی مریم نے CSS میں مخصوصیت کی تاریخ کو دیکھا، اس نے اسے یاد کیا۔ !important ابتدائی طور پر صارفین کے لیے صارف ایجنٹ اور مصنف کے انداز کو اوور رائیڈ کرنے کے لیے ایک ٹول کے طور پر ڈیزائن کیا گیا تھا۔ لیکن کہیں نیچے، ہم نے اسے اختیار کیا ہے تاکہ مصنف کے اسلوب کو اوپر تک لے جایا جا سکے۔ جھرن کی پرتیں ہٹانے میں مدد کرتی ہیں۔ عذر استعمال کرنے کی ضرورت ہے !important کیونکہ وہ ہمیں طاقت فراہم کرتے ہیں "تہوں کو ترجیح دیں۔ اور وراثت کی حفاظت کریں".
بہت خوبصورتی سے کہا ہے، مریم!
ڈیو روپرٹ: آپ کے قابل رسائی بیکلاگ کو غیر مسدود کرنا
اپنی سائٹ پر رپورٹ کردہ مسائل کے بارے میں سینکڑوں GitHub اطلاعات کے لیے ایک دن بیدار ہونے کا تصور کریں۔ آپ کہاں سے شروع کرتے ہیں؟ ہوسکتا ہے کہ اپنا لیپ ٹاپ بند کریں اور اس کے بجائے روٹ کینال حاصل کریں؟ ڈیو کے ساتھ ایسا ہوا! ایک خودکار ایکسیسبیلٹی آڈٹ نے غلطیوں کا ایک بڑا ڈھیر واپس کر دیا اور ڈیو کو ٹھیک کرنے کے لیے انہیں ٹکٹ کے طور پر تفویض کر دیا۔
لیکن اس نے ان مسائل کی ایکسل اسپریڈشیٹ لینے کے بعد ایک نمونہ دیکھا، انہیں بہتر نظارے کے لیے تصور میں منتقل کرنا، غیر ضروری کالموں کو چھپانا، ہر چیز کی درجہ بندی کرنا، اور نتائج کو منطقی گروپس میں ظاہر کرنا۔ رپورٹ کردہ مسائل میں سے بہت سے ایک ہی مسئلے کو متعدد صفحات پر دہرایا گیا تھا۔ صرف اس لیے کہ ایک خودکار ٹیسٹ مٹھی بھر غلطیاں لوٹاتا ہے اس کا مطلب یہ نہیں ہے کہ وہ سب منفرد ہیں۔ اس سے ٹکٹوں کا ایک اچھا حصہ کم ہوگیا۔
اس نے یہ ظاہر کیا کہ کس طرح - نسبتاً کم کوشش کے ساتھ - مسائل کا بیک لاگ تقریباً 50 فیصد کم ہوا۔
وہاں حاصل کرنے کے لیے بہت کچھ ہے، خاص طور پر اس حوالے سے کہ ہم اپنے کام کو کیسے پروسیس اور منظم کرتے ہیں۔ میرے لیے سب سے بڑا فائدہ وہ ہے جب ڈیو نے کہا کہ ہمیں عمل اور ٹولز پر افراد اور بات چیت پر زور دینا ہوگا۔ رسائی کی خرابیوں کے لیے اسکین کرنے والے ٹولز مددگار ہیں، لیکن وہ پوری کہانی نہیں بتا سکتے۔ ان کو ان کے الفاظ پر لینے کے بجائے، گڑبڑ میں ڈوبنے سے پہلے سوالات پوچھنا اور مزید سیاق و سباق حاصل کرنا قابل قدر ہے۔
بونس کے طور پر، نوشن میں ایشوز کو دوبارہ ترتیب دینے سے ڈیو کو اس طرح سے گروپ ایشوز کرنے کی اجازت دی گئی جس سے واضح طور پر ظاہر ہو کہ اس کی پروڈکٹ کونسی خرابیوں کے خلاف فعال طور پر امتیازی سلوک کر رہا ہے، جس سے اسے ان کمیوں کے لیے زیادہ ہمدردی ملتی ہے اور انھیں کس طرح ترجیح دی جائے۔
Hui Jing Chen کی طرف سے ایک اور ورچوئل سیشن نے دن کو مکمل کیا، لیکن اعتراف کے طور پر، میں نے اس میں سے تقریباً نصف کو یاد کیا کیونکہ میں دالان میں گفتگو کر رہا تھا۔ بات چیت اس کے قابل تھی، اگرچہ میں پریشان ہوں میں نے پریزنٹیشن چھوٹ دی۔ میں اس کی ویڈیو دیکھوں گا جب یہ شائع ہوگا!
