ويب برائوزر ايتري تائين ويب سائيٽن وانگر آهن. حقيقت ۾، برائوزر توهان جي سائيٽ کي ڏسڻ يا ماڻهن کي ڏسڻ ۾ هڪ لازمي جزو آهي - پر اهي سڀئي برائوزر پڻ برابر نه آهن. اهو مڪمل طور تي ممڪن آهي (۽ اصل ۾ شايد شايد شايد توهان پنهنجي ويب صفحن کي برائوزرن ۾ ڏسي ڏسو) اهي بلڪل پراڻي آهن ۽ انهن خاصيتن کي مليل آهن جيڪي جديد جديد برائوزرن ۾ موجود آهن. اهو ويب سائيٽ ٺاهڻ جي ڪوشش ڪري رهيا آهن جيئن ته ويب سائيٽ ڊزائينز ۽ ترقي جي جديد ترين واڌاري جو فائدو وٺي سگهي ٿي. جيڪڏهن ڪو ماڻهو توهان جي ڳولا ڪندڙن مان هڪ برائوزر استعمال ڪندي پنهنجي سائيٽ تي اچي ٿو، ۽ توهان جي جديد ترين ٽيڪنالاجي ٽيڪنالاجي انهن لاء ڪم نه ڪري، توهان مجموعي طور تي غريب تجربو فراهم ڪري سگهندا. ترقي پسند واڌاري هڪ مختلف برائوزرن لاء ويب پيج ڊزائين کي هٿ ڪرڻ جي هڪ حڪمت عملي آهي، يعني اهي پراڻي برائوزر جيڪي جديد حمايت ۾ گهٽ آهن.
ترقي پسند وڌائڻ ويب صفحن کي ڊزائين ڪرڻ جو هڪ طريقو آهي تنهن ڪري انهي کان وڌيڪ صارف جو ايجنٽ وڌيڪ سهولت آهي، انهي ويب پيج تي وڌيڪ خاصيتون هونديون آهن. اهو ڊزائن جي حڪمت عمليء جي سامهون آهي جيڪو نيڪي جي تباهي جي نالي سان مشهور آهي . اهو حڪمت پهريون پهريان جديد برائوزرن جي صفحن کي ٺاهيندو آهي ۽ انهي کي يقيني بڻائي ٿي ته اهي پڻ معقول طور تي گهٽ فعل برائوزر سان گڏ ڪم ڪن ٿيون. ترقي پسند اضافو پهريون ڀيرو گهٽ قابل برائوزر سان شروع ٿئي ٿو ۽ اتان کان تجربو پيدا ڪري ٿو.
ترقي پسند واڌارو ڪيئن استعمال ڪجي
جڏهن توهان ترقي پسند واڌاري جي استعمال ڪندي ويب ڊزائين ٺاهي رهيا آهيو، توهان سڀ کان پهرين ڪم ڪنداسين هڪ ڊزائين ٺاهڻ ٺاهي ٿو جيڪا ويب برائوزر جي سڀ کان عام عام ڊومينر لاء ڪم ڪري ٿي. ان جي بنياد تي ترقي پسند واڌاري جو چوڻ آهي ته توهان جو مواد سڀني ويب برائوزرن تائين دستياب هجڻ گهرجي، صرف هڪ ذيلي سيٽ. انهي ڪري توهان توهان کي اڳوڻو، هلندڙ، ۽ گهٽ قابل برائوزر جي حمايت ڪندي شروع ڪيو. جيڪڏهن توهان هڪ سائيٽ ٺاهيو جيڪو سٺو ڪم ڪري ٿو انهن لاء، توهان کي ڄاڻو آهي ته توهان هڪ بنيادي لائين تيار ڪيو آهي جيڪا تمام گهڻن دوستن لاء گهٽ ۾ گهٽ استعمال لاء تجربو پهچائڻ گهرجي.
جڏهن پهريان گهٽ ۾ گهٽ قابل برائوزرن سان ٿيندڙ، توهان کي يقيني بڻائڻ چاهيندو ته توهانجي HTML کي صحيح ۽ صحيح طور تي درست هجڻ گهرجي. انهي کي يقيني بنائڻ ۾ مدد ملندي ته صارف جي نمائندو جي مختلف قسم واري صفحي کي ڏسي سگهن ٿا ۽ اهو صحيح طور ڏيکاري ٿو.
ياد رهي ته بصري ڊزائين جي طرز ۽ مجموعي طور تي صفحو ترتيب خارجي طرز جي استعمال سان شامل ڪئي وئي آهي. واقعي حقيقت ۾ جتي ترقي پسند اضافو ٿيندو آهي. توهان سائٽ جي ڊزائين ٺاهڻ لاء سسٽم شيٽ استعمال ڪريو جيڪي سڀني ساٿين لاء ڪم ڪري ٿو. توهان انهي کان پوء اضافي شئي شامل ڪري سگھو ٿا صارف جي ايجنٽ جي ڪارڪردگي جي طور تي پيج وڌائڻ لاء. هر ماڻهو کي بنيادي طريقي سان ٺهيل آهي، پر ڪنهن به خبرن جي برائوزر لاء جيڪي وڌيڪ جديد ۽ وڌيڪ جديد انداز ۾ مدد ڪري سگھن ٿا، اهي ڪجهه اضافو ٿين ٿا. توھان برائوزرن لاء "ترقي واري وڌاء" جو صفحو آھي جيڪي انھن شال جي مدد ڪري سگھندا آھن.
هتي ڪجھ طريقا آهن جيڪي توهان ترقي پسند وڌائڻ تي لاڳو ڪري سگهو ٿا. سڀ کان پهرين، توهان کي اهو ٻڌائڻ گھرجي ته ڪھڙو برائوزر جيڪڏهن سي ايس جي هڪ لائن کي سمجهي نه سگهيو آهي - اهو ان کي نظر انداز ڪري ٿو! هي اصل توهان جي احسان ۾ ڪم ڪندو آهي. جيڪڏهن توهان شالي جو بنيادي بنياد ٺاهي ته اهي سڀئي برائوزر سمجهندا آهن، توهان وري برائوزرن لاء اضافي شئي شامل ڪري سگهو ٿا. جيڪڏهن اهي طرز جون حمايت ڪن، اهي انهن کي لاڳو ڪنداسين. جيڪڏهن نه، اهي انهن کي نظرانداز ڪنديون آهن ۽ صرف انهن بيسائن واريون طرز استعمال ڪريو. ترقياتي واڌاري جو هڪ سادي مثال هن CSS ۾ ڏسي سگھجي ٿو.
.main-content {
پس منظر: # 999؛
پس منظر: رگبا (153،153،153، .75)؛
}
اهو انداز پهريون ڀيرو گرينش رنگ جي پس منظر کي ترتيب ڏئي ٿو. ٻيو قاعدو آر ايف جي سي رنگ جي قيمت کي شفافيت قائم ڪرڻ لاء استعمال ڪري ٿو. جيڪڏهن برائوزر RGBA کي سپورٽ ڪري ٿي، اهو سيڪنڊ سان پهريون انداز مٿي ڪندو. جيڪڏهن اهو نه آهي، صرف پهرين جو لاڳو ڪيو ويندو. توهان هڪ بنيادي خانو رنگ قائم ڪيو آهي ۽ پوء جديد برائوزرن لاء اضافي شئي شامل ڪيو.
خصوصيت جي سوالن کي استعمال ڪندي
ٻيو طريقو توهان ترقي پذير وڌائڻ تي لاڳو ڪري سگهو ٿا استعمال ڪرڻ لاء "خاص سوالن" جي نالي سان ڄاڻايل آهي. اهي ميڊيا سوالن سان ملندڙ آهن، جيڪي لازمي ويب ڊزائن جي جوڙجڪ جو لازمي حصو آهن. جڏهن ته ميڊيا جي سوالن جي ڪجهه خاص اسڪرين جي ٽيڪنٽ ۾، خاص طور تي سوالات ڏسڻ ۾ اينديون ته هڪ خاص خاصيت سهڪار آهي يا نه. اهو نحو توهان استعمال ڪيو آهي:
supports (ڊسپلي: فليڪس) {}هن حڪمراني جي اندر جيڪا توهان جي شامل ڪيل ڪنهن به شالن کي صرف ڪم ڪري سگهندي ته انهي برائوزر کي حمايت ڪئي وئي "فليڪس"، جنهن جو انداز فلڪس باڪس لاء آهي. توھان ھر ھڪ لاء قاعدن جي ھڪ سيٽ سيٽ ڪري سگھو ٿا ۽ پوء خصوصيت سوالن کي صرف چونڊ براؤزرز لاء اضافي شامل ڪرڻ لاء استعمال ڪريو.
اصل مضمون جينيفر ڪيريئن طرفان. 12/13/16 تي Jeremy Girard پاران ڏنل.