پروگریسو بڑھانے

ویب براؤزر اس وقت کے ارد گرد موجود ہیں جب تک ویب سائٹس موجود ہیں. حقیقت میں، براؤزر آپ کے سائٹ کو دیکھنے کے تجربے یا لوگوں میں ایک لازمی اجزاء ہیں - لیکن تمام براؤزرز کو برابر طور پر نہیں بنایا جاتا ہے. صارفین کو اپنے براؤزروں میں اپنے ویب صفحات کو دیکھنے کے لئے مکمل طور پر ممکن ہے (اور اصل میں ممکنہ طور پر ممکنہ طور پر ممکن ہے) جو انتہائی جدید اور جدید براؤزرز میں موجود خصوصیات کو لاپتہ ہے. ویب سائٹ کے ڈیزائن اور ترقی میں تازہ ترین پیش رفت کا فائدہ اٹھانے والے ویب سائٹس کو فروغ دینے کے لۓ یہ اہم مسائل پیدا کرسکتا ہے. اگر کوئی ان قدیم براؤزرز میں سے کسی کا استعمال کرتے ہوئے اپنی سائٹ پر آتا ہے، اور آپ کے جدید ترین جدید ترین تکنیک ان کے لئے کام نہیں کرتے ہیں، تو آپ مجموعی طور پر خراب تجربے کی فراہمی کر سکتے ہیں. پیش رفت بڑھانے مختلف براؤزرز کے لئے ویب صفحے کے ڈیزائن کو سنبھالنے کی حکمت عملی ہے، یعنی جدید عمر میں ان پرانے براؤزر جو عارضی ہیں.

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

ترقی پسند افزائش کا استعمال کیسے کریں

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

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

یاد رکھیں کہ بصری ڈیزائن شیلیوں اور مجموعی صفحے کی ترتیب بیرونی سٹائل کے شیٹس کو استعمال کرکے شامل کیا جاتا ہے. یہ واقعی ہے جہاں ترقی پسند اضافہ ہوتا ہے. آپ سائٹ کے ڈیزائن تخلیق کرنے کے لئے سٹائل شیٹ استعمال کرتے ہیں جو تمام زائرین کے لئے کام کرتا ہے. اس کے بعد آپ کو اضافی شیلیوں کو صفحہ بڑھانے کے لۓ صارف ایجنٹوں کی فعالیت کو حاصل کرنے کے لۓ شامل کر سکتے ہیں. ہر کوئی بیس لائن شیلیوں کو ملتا ہے، لیکن کسی بھی خبر براؤزر کے لئے جو زیادہ جدید اور زیادہ جدید سٹائل کی مدد کرسکتا ہے، وہ کچھ اضافی ہو جاتا ہے. آپ براؤزر کے صفحے پر "ترقی پسندانہ" اضافہ کرتے ہیں جو ان طرزوں کی حمایت کرسکتے ہیں.

وہاں کچھ طریقوں ہیں جو آپ ترقیاتی اضافہ کو لاگو کرسکتے ہیں. سب سے پہلے، آپ کو اس بات پر غور کرنا چاہئے کہ براؤزر کیا ہوتا ہے تو یہ سی ایس ایس کی ایک سطر کو نہیں سمجھا جاتا ہے - یہ اسے نظر انداز کرتا ہے! یہ اصل میں آپ کے حق میں کام کرتا ہے. اگر آپ سٹائل کے ایک بنیادی لائن بناتے ہیں جو تمام براؤزر سمجھتے ہیں، تو پھر آپ نئے براؤزرز کے لئے اضافی شیلیوں کو شامل کرسکتے ہیں. اگر وہ شیلیوں کی حمایت کرتے ہیں تو وہ ان پر لاگو کریں گے. اگر نہیں، تو وہ ان کو نظر انداز کریں گے اور صرف ان بنیادی لائنوں کا استعمال کریں گے. اس سی ایس ایس میں ترقیاتی اضافہ کا ایک سادہ مثال دیکھا جا سکتا ہے:

.مرکزی مواد {
پس منظر: # 999؛
پس منظر: RGba (153،153،153، .75)؛
}

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

خصوصیت سوالات کا استعمال کرتے ہوئے

ایک اور طریقہ جس میں آپ ترقی پذیر بڑھا سکتے ہیں وہ استعمال کرنا ہے جو "نمایاں سوالات" کے طور پر جانا جاتا ہے. یہ ذرائع ابلاغ کے سوالات سے ملتے جلتے ہیں، جو ذمہ دار ویب سائٹ کے ڈیزائن کا لازمی حصہ ہے. جبکہ میڈیا بعض اسکرین کے سائز کے لئے متن کا سوال کرتے ہیں، خصوصیت کے سوالات یہ دیکھیں گے کہ کسی مخصوص خصوصیت کی حمایت کی جائے یا نہیں. نحو آپ استعمال کرتے ہیں:

supports (ڈسپلے: فلیکس) {}

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

جینیفر کریین کی طرف سے اصل مضمون. جریمی Girard کی طرف سے ترمیم 12/13/16.