တိုးတက်ရေးပါတီစွမ်းရည်မြှင့်

web browsers နေသမျှကာလပတ်လုံးဝက်ဘ်ဆိုက်များရှိသည်အဖြစ်န်းကျင်ခဲ့ကြပြီ။ တကယ်တော့, browser များအတွေ့အကြုံသို့မဟုတ်သင့် site ကိုကြည့်ရှုလူတွေအတွက်မရှိမဖြစ်လိုအပ်သောပစ္စည်းများမှာ - မဟုတ်ဘဲ browser အားလုံးအညီအမျှဖန်တီးနေကြသည်။ ဒါဟာဖောက်သည်အလွန်ဟောင်းနွမ်းဖြစ်ကြောင်း browser များတွင်သင်၏ဝဘ်စာမျက်နှာများကိုကြည့်ရှုခြင်းနှင့်ပိုမိုခေတ်မီ browser များတွင်တွေ့ရှိသော features တွေပျောက်ဆုံးရှိသည်ဖို့ (မျှမျှတတဖြစ်ကောင်းနှင့်အမှန်တကယ်) လုံးဝဖြစ်နိုင်ပါတယ်။ သငျသညျ၏အားသာချက်ယူဝက်ဘ်ဆိုက်များဖွံ့ဖြိုးတိုးတက်ဖို့ကြိုးစားကြသည်အတိုင်းဤအရေးပါသောပြဿနာကိုရှိုးနိုင်ပါတယ် က်ဘ်ဆိုက်ဒီဇိုင်းနှင့်ဖွံ့ဖြိုးတိုးတက်မှုအတွက်နောက်ဆုံးပေါ်တိုးတက်လာ ။ တစ်စုံတစ်ဦးကသူတို့အား antiqued browser များထဲကတစ်ခုသုံးပြီးသင့်ရဲ့ site ကိုမှကြွလာ, သင်၏နောက်ဆုံးပေါ်အဆင့်မြင့်နည်းပညာတွေကိုသူတို့အဘို့အလုပ်မလုပ်ဘူးဆိုရငျ, သငျသညျခြုံငုံဆင်းရဲသားအတွေ့အကြုံကိုပေးပို့နိုင်ပါတယ်။ တိုးတက်ရေးပါတီတိုးမြှင့်ကွဲပြားခြားနားသော browser များ, ခေတ်သစ်ထောက်ခံမှုချို့တဲ့ရသောအမှုသည်ဖြစ်ကြောင်းအမည်ရသူတို့အားဟောင်း browser များအဘို့ဝဘ်စာမျက်နှာဒီဇိုင်းကိုကိုင်တွယ်တဲ့မဟာဗျူဟာဖြစ်ပါတယ်။

အသုံးပြုသူတစ်ဦးအေးဂျင့်ကိုထောက်ပံ့ပို features တွေ, ပို features တွေဝဘ်စာမျက်နှာကိုရပါလိမ့်မယ်ဒါကြောင့်တိုးတက်ရေးပါတီတိုးမြှင့် web စာမျက်နှာကိုဒီဇိုင်းတစ်ခုနည်းလမ်းဖြစ်ပါတယ်။ ဒါဟာအဖြစ်လူသိများဒီဇိုင်းမဟာဗျူဟာ၏ဆန့်ကျင်ဘက်ဖြစ်ပြီး ယဉ်ပျက်စီးခြင်း ။ အဲဒီမဟာဗျူဟာကိုပထမဦးဆုံးအများဆုံးခေတ်သစ် browser များအဘို့အစာမကျြနှာတည်ဆောက်ပြီးတော့သူတို့မှာလည်းလျော့နည်းအလုပ်လုပ်တဲ့ browser များနှင့်အတူကျိုးကြောင်းဆီလျော်ကောင်းမွန်စွာအလုပ်လုပ်သောသေချာ - အတွေ့အကြုံ "လျောက်ပတ် degrades ။ " အဲဒီ တိုးတက်ရေးပါတီတိုးမြှင့်ပထမဦးဆုံးလျော့နည်းနိုင်စွမ်း browser များနှင့်အတူစတင်သည်နှင့်ထရှိတစ်ဦးထံမှအတွေ့အကြုံများကိုတည်ဆောက်။

တိုးတက်ရေးပါတီစွမ်းရည်မြှင့်အသုံးပြုနည်းကိုဘယ်လို

သငျသညျတိုးတက်သောတိုးမြှင်သုံးပြီးတဲ့ web ဒီဇိုင်းဖန်တီးတဲ့အခါ, သငျသညျပွုပါမညျကိုပထမဦးဆုံးအရာ web browsers တွေနိမ့်ဆုံးဘုံပိုင်းခြေများအတွက်အလုပ်လုပ်တယ်တဲ့ဒီဇိုင်းကိုဖန်တီးရန်ဖြစ်ပါသည်။ ၎င်း၏အမာခံ, တိုးတက်သောတိုးမြှင့်ခေတ်မမီတော့, သင်သည်ဤအဟောင်းများကိုထောက်ပံ့ခြင်းဖြင့်စတင်ဘာဖြစ်လို့မယ့် Sub-set.This, သင့်အကြောင်းအရာအားလုံးကို web browser များရရှိနိုင်ဖြစ်သင့်ကြောင်းပြောပါတယ်, နှင့်လျော့နည်းနိုင်စွမ်း browsers.If မှာသငျသညျကောင်းစွာအလုပ်လုပ်တယ်ကြောင့် site တစ်ခုဖန်တီး ထိုသူတို့အဘို့သင်အားလုံးဧည့်သည်အနည်းဆုံးတစ်ဦးအသုံးဝင်သောအတှေ့အကွုံမကယ်မလွှတ်သင့်ကြောင်းအခြေခံဖန်တီးငါတို့သိကြ၏။

ပထမဦးဆုံးအနည်းဆုံးနိုင်စွမ်း browser များနှင့်အတူစတင်လာတဲ့အခါသင်တို့ရှိသမျှကိုသင်၏ HTML ကိုတရားဝင်နှင့်ဝေါဟာရအသုံးအနှုံးမှန်ကန်သောဖြစ်သင့်ကြောင်းသေချာစေရန်ချင်ပါလိမ့်မယ်။ ဤသည်က user အေးဂျင့်များ၏အကျယ်ဆုံးအမျိုးမျိုးစာမျက်နှာရှုမြင်နှင့်တိကျစွာပြုလုပ်ပြသနိုင်မသေချာကူညီပေးပါမည်။

အမြင်အာရုံဒီဇိုင်းစတိုင်များနှင့်ယေဘုယျစာမျက်နှာ layout ကို အသုံးပြု. ထည့်သွင်းကြောင်းကိုသတိရပါ ပြင်ပစတိုင်စာရွက်များ ။ အဆိုပါတိုးတက်သောတိုးမြှင့်ဖြစ်ပျက်ရှိရာဤသည်ကယ့်ကိုပါပဲ။ သင်တို့ရှိသမျှသည်ဧည့်သည်များအဘို့အလုပ်ဖြစ်တယ်ကြောင့် site တစ်ခုဒီဇိုင်းကိုဖန်တီးရန် style sheet ကိုအသုံးပြုပါ။ သို့ဖြစ်လျှင်သင်သည်အသုံးပြုသူအေးဂျင့်လုပ်ဆောင်နိုင်စွမ်းကိုရရှိသကဲ့သို့စာမျက်နှာမြှင့်တင်ရန်အပိုဆောင်းစတိုင်များထည့်သွင်းနိုင်ပါတယ်။ လူတိုင်း baseline စတိုင်များရရှိသွားတဲ့ပေမယ့်ပိုပြီးအဆင့်မြင့်နှင့်ပိုပြီးခေတ်မီစတိုင်များကိုထောကျပံ့နိုငျကွောငျးမဆိုသတင်း browser များအဘို့, သူတို့အချို့အပိုရပါတယ်။ သငျသညျသူတို့အားစတိုင်များကိုထောကျပံ့နိုငျသော browser များအဘို့အစာမကျြနှာ "တိုးတက်သောမြှင့်တင်ရန်" ။

သငျသညျတိုးတက်သောတိုးမြှင့်လျှောက်ထားနိုင်ပါသည်ကြောင့်အနည်းငယ်နည်းလမ်းတွေရှိပါတယ်။ ပထမဦးစွာပယ်, သင်က CSS ကိုတစ်လိုင်းနားမလညျပါဘူးဆိုရင်တစ်ဘရောက်ဇာကိုဘာလုပျသလဲစဉ်းစားသင့် - အဲဒါကိုလျစ်လျူရှု! ဒါဟာအမှန်တကယ်သင့်ရဲ့မျက်နှာသာအတွက်အလုပ်လုပ်သည်။ သင်တို့ရှိသမျှသည်ဘရောက်ဇာကိုနားလည်ကြောင်းစတိုင်များတစ်ဦးအခြေခံထားဖန်တီးလျှင်, သင်ပြီးတော့အသစ်သော browser များအဘို့အပိုဆောင်းစတိုင်များထည့်သွင်းနိုင်ပါတယ်။ သူတို့ကစတိုင်များကိုထောကျပံ့ဆိုရင်သူတို့ကသူတို့ကိုလျှောက်ထားပါလိမ့်မယ်။ မရရှိလျှင်, ထိုသူတို့လျစ်လျူရှု့သူတွေကိုအခြေခံစတိုင်များကိုသုံးပါလိမ့်မယ်။ တိုးတက်သောတိုးမြှင့်တစ်ရိုးရှင်းတဲ့ဥပမာဒီ CSS ကိုတွင်တွေ့မြင်နိုင်ပါသည်:

.main-content တွေကို {
နောက်ခံ: # 999;
နောက်ခံ: RGBA (153,153,153, .75);
}

ဒါကစတိုင်ကပထမဦးစွာ greyish အရောင်နောက်ခံထားသည်။ ဒုတိယစည်းမျဉ်းင့်လင်းမြင်သာတဲ့အဆင့်ကိုတင်ထားရန် RGBA အရောင်တန်ဖိုးများကိုအသုံးပြုသည်။ တစ်ဘရောက်ဇာကို RGBA ထောက်ခံပါတယ်ပါကဒုတိယနှင့်အတူပထမဦးဆုံးစတိုင်ဖျက်ရေးသွားမည်။ ဒါကြောင့်မပါလျှင်, သာပထမဦးဆုံးတဦးတည်းလျှောက်ထားပါလိမ့်မည်။ သင်တစ်ဦးအခြေခံအရောင်ကိုသတ်မှတ်ပြီးတော့ပိုပြီးခေတ်မီ browser များအဘို့အပိုစတိုင်များဆက်ပြောသည်ပါပြီ။

Feature ကိုရှာဖွေမှုများအသုံးပြုခြင်း

သငျသညျတိုးတက်သောတိုးမြှင့်လျှောက်ထားနိုင်ပါသည်အခြားသောလမ်း "အင်္ဂါရပ်မေးမြန်းချက်" အဖြစ်လူသိများကြသည်ဘယ်အရာကိုသုံးစွဲဖို့ဖြစ်ပါတယ်။ ဤရွေ့ကားဆင်တူ မီဒီယာမေးမြန်းချက် တစ်ခုမရှိမဖြစ်လိုအပ်အပိုင်းအစနေသော, တုံ့ပြန်မှုက်ဘ်ဆိုက်ဒီဇိုင်း ။ အခြို့သောမျက်နှာပြင်အရွယ်အစားများအတွက်မီဒီယာမေးမြန်းချက်စာသားကိုနေစဉ်, အင်္ဂါရပ်မေးမြန်းချက်အချို့ feature ကိုထောက်ခံသို့မဟုတ်မပြုလုပ်လျှင်ကြည့်ဖို့စစ်ဆေးပါလိမ့်မယ်။ သင်အသုံးပြုမယ်လို့အဆိုပါ syntax ဖြစ်ပါသည်:

@supports (display: Flex) {}

ထိုဘရောင်ဇာ Flexbox များအတွက်စတိုင်များဖြစ်သော, "Flex" ထောက်ခံလျှင်သင်ဤနည်းဥပဒေအတွင်းပိုင်းကဆက်ပြောသည်မဆိုစတိုင်များသာအလုပ်လုပ်မယ်။ သငျသညျလူတိုငျးအတှကျစညျးမဉျြးစညျးကမျးတဦး set ကိုသတ်မှတ်ထားပြီးတော့သာရွေးချယ်ထားသောဘရောက်ဇာများအတွက်အပိုထပ်ထည့်ဖို့အင်္ဂါရပ်မေးမြန်းချက်အသုံးပြုနိုင်တယ်။

ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 12/13/16 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်။