سائے کی تعریف میں

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

فالونگ: 0

ہمارے پیارے دوست رابن کا ایک نیا مضمون ہے جس کا نام ہے۔ سائے کی تعریف میں. اب، سی ایس ایس باکس شیڈو، ٹیکسٹ شیڈو، اور شیڈو فلٹرز پر نوگیٹس تلاش کرنے سے پہلے… یہ ہے وہ نہیں. یہ فوٹو گرافی پر ایک مضمون ہے اور رابن نے کیمرے کے ساتھ سائے دینے کے بارے میں کیا سیکھا ہے۔

تو، اس کا اشتراک کیوں؟ کیونکہ یہ بہت اچھا ہے کہ اس نے ایک مضمون کے لیے مخصوص صفحہ بنایا۔ اور اگر آپ اس پر کھلے DevTools کو کریک کرتے ہیں تو آپ CSS کے بارے میں بہت کچھ سیکھیں گے:

مرکز کرنے کی تکنیک۔ غور کریں کہ سی ایس ایس گرڈ کو کس طرح استعمال کیا جاتا ہے۔ <body> بس کرنے کے لئے پمفلٹ کو مرکز میں رکھیں. پھر رابن ہر ایک پر دوبارہ اس کے لئے پہنچ جاتا ہے۔ .frame مضمون کے مواد کے ساتھ ایک ہی کام کرنا۔
"غلط" پس منظر کی تصاویر۔ ہر ایک کے لیے سی ایس ایس کلاس بنا کر رابن اپنے لیے بہت زیادہ کام کر سکتا تھا۔ .frame پس منظر کی تصاویر حاصل کرنے کے لیے۔ اس کے بجائے، وہ استعمال کرتا ہے object-fit: cover ان لائن HTML پر <img>s کو بھرتے وقت پہلو کے تناسب کو برقرار رکھنا .frame کنٹینر (وہ دراصل ہے۔ اس کے بارے میں لکھا پہلے۔) یہ یقینی طور پر سی ایس ایس کی بہت سی بچت کرتا ہے، لیکن یہ اسے ضرورت پڑنے پر Alt ٹیکسٹ استعمال کرنے کی بھی اجازت دیتا ہے۔ مجھے حیرت ہے کہ اگر ایک <figure>/<figcaption> اس کے بجائے ڈھانچہ یہاں کام کر سکتا تھا لیکن مجھے شک ہے کہ یہ جو کچھ ہو رہا ہے اس کے لیے یہ بہت زیادہ اضافی فائدہ فراہم کرے گا۔
سیاق و سباق کو اسٹیک کرنا۔ ان غلط پس منظر کی تصاویر کا ایک اور فائدہ؟ وہ مطلق پوزیشننگ کا استعمال کرتے ہیں جو ایک اسٹیکنگ سیاق و سباق پیدا کرتا ہے، جس سے رابن کو سیٹ کرنے کی اجازت ملتی ہے۔ z-index: 0 تصاویر پر. اس طرح، متن براہ راست اس کے ساتھ اوپر ہوتا ہے۔ z-index: 1. ایک بار پھر، CSS گرڈ تمام سینٹرنگ کو سنبھال رہا ہے تاکہ چیزیں اچھی طرح سے منسلک ہوں۔
اسکرول سنیپنگ۔ میں ہمیشہ محبت جب میں جنگل میں سی ایس ایس اسکرول کو چھینتا ہوا دیکھتا ہوں۔ رابن نے اسے یہاں استعمال کرنے کے لیے ایک اچھا انتخاب کیا، کیونکہ یہ فریموں کے ذریعے اسکرول کرتے ہوئے واقعی صفحہ بدلنے کے پورے تجربے کا باعث بنتا ہے۔ افقی اسکرولنگ دیوانہ وار ہوسکتی ہے، لیکن جب اسے اچھی طرح سے عمل میں لایا جائے تو یہ انتہائی خوبصورت بھی ہوسکتا ہے کیونکہ یہ یہاں ہے کہ یہ کس طرح تنگ کالم ڈیزائن کو بڑھاتا ہے۔ اگر آپ ایک اچھی وضاحت چاہتے ہیں کہ یہ سب کیسے کام کرتا ہے، تو رابن کے پاس بھی ہے۔ افقی اسکرول سنیپنگ کے بارے میں لکھا گیا۔.