Multi-Device ကို Web Design မှနှစ်ဦးနဲ့မတူတဲ့ချဉ်းကပ်နှိုငျးယှဉျ
တုံ့ပြန်မှုနှင့်သပ္ပါယ်ကို web ဒီဇိုင်းဖန်တီးနှစ်ဦးစလုံးနည်းလမ်းများဖြစ်ကြသည် Multi-device ကိုဖော်ရွေဝက်ဘ်ဆိုက်များ မျက်နှာပြင်အရွယ်အစားအမျိုးမျိုးအပေါ်ကောင်းစွာအလုပ်လုပ်သော။ တုံ့ပြန်မှုကို web ဒီဇိုင်းဖြစ်ပါတယ်နေချိန်မှာ Google ကအကြံပြု Multi-device ကို web design မှာအဘို့နှင့်နှစ်ခုချဉ်းကပ်မှု၏ထက်ပိုရေပန်းစားသည်, နှစ်ဦးစလုံးသည်ဤနည်းလမ်းများသူတို့ရဲ့အားသာချက်နှင့်၎င်းတို့၏အားနည်းချက်များကိုရှိသည်။
ရဲ့အထူးသညျဤသော့ချက်ဒေသများအာရုံစိုက်, တုံ့ပြန်မှုများနှင့်သပ္ပါယ်ကို web ဒီဇိုင်းအကြားခြားနားချက်များမှာကွညျ့ကွစို့:
- ဖွံ့ဖြိုးတိုးတက်မှု၏လွယ်ကူခြင်း
- သင်ဒီဇိုင်းကျော်ရှိထိန်းချုပ်မှုများ၏အဆင့်
- device ကို / screen ကိုအထောက်အပံ့အနံ
- ဘယ်လိုအနာဂတ်ဖော်ရွေဖြေရှင်းချက်ဖြစ်ပါသည်
- ယေဘုယျအား download speed အမြန်နှုန်းနှင့် site စွမ်းဆောင်ရည်ကို
တချို့ကဆိုချက်
ကျနော်တို့တုံ့ပြန်မှုများနှင့်သပ္ပါယ်ကို web design ကိုကျွန်တော်တို့ရဲ့ side-by-side နှိုင်းယှဉ်သို့ get မပြုမီ, မယ့်အဲဒီနှစျခုချဉ်းကပ်မှုတစ်ခုက high-level ကိုအဓိပ်ပါယျမှာကြည့်ဖို့ခဏယူကြကုန်အံ့။
တုံ့ပြန်မှုဝက်ဘ်ဆိုက်များပြောင်းလဲနှင့်မသက်ဆိုင်အသုံးပြုလျက်ရှိကြောင်းမျက်နှာပြင်အရွယ်အစား adapts တဲ့အရည် layout ကိုရှိသည်။ မီဒီယာမေးမြန်းချက် browser ကိုတခုမှာလျှင်တုံ့ပြန်မှုက်ဘ်ဆိုက်များကိုပင် "ဟုအဆိုပါယင်ကောင်အပေါ်" ကိုပြောင်းလဲခွင့်ပြုပါ။
အလိုက်ဒီဇိုင်းသောအခါအစာမကျြနှာကိုပထမဆုံးဝန်ရှာဖွေတွေ့ရှိကြောင်းမျက်နှာပြင်အရွယ်အစားများအတွက်အသင့်လျော်ဆုံး layout ကိုဗားရှင်းကယ်လွှတ်ခြင်းငှါ Pre-စိတ်ပိုင်းဖြတ် breakpoints အားအပေါ်အခြေခံပြီးသတ်မှတ်ထားတဲ့အရွယ်အစားကိုအသုံးပြုသည်။
အရပျ၌သူတို့အားကျယ်ပြန့်အဓိပ္ပာယ်နှင့်အတူရဲ့အာရုံစိုက်ကျွန်တော်တို့ရဲ့အဓိကသော့ချက်ဒေသများသို့လှည့်ကြကုန်အံ့။
ဖွံ့ဖြိုးတိုးတက်မှုလွယ်ကူခြင်း
တုံ့ပြန်မှုနှင့်သပ္ပါယ်ကို web ဒီဇိုင်းအကြားအထင်ရှားဆုံးခြားနားချက်သည်ဤဖြေရှင်းချက် website တစ်ခုမှလျှောက်ထားသောလမ်းအတွက်ဖြစ်ပါတယ်။ တုံ့ပြန်မှုဒီဇိုင်းကိုလုံးဝအရည် layout ကိုဖန်တီးသောကြောင့်, ကအကောင်းဆုံးသင်ရှိရာစီမံကိန်းများအပေါ်ကိုအသုံးပြုသည် မြေပြင်ကိုတက်ကနေဆိုက်ဒီဇိုင်းပြန်လည်းရေးဆွဲ ။ သငျသညျရိုးရှင်းစွာသင်ခြစ်ရာမှကုဒ်ဖွံ့ဖြိုးဆဲနှင့်လုပ်ငန်းစဉ်၏အစောဆုံးအဆင့်များအတွက်အကောင့်သို့တုံ့ပြန်မှုဒီဇိုင်းကိုယူပြီးခဲ့ကြပါလျှင်ရှိလိမ့်မယ်လို့ထိန်းချုပ်မှုအဆင့်ရှိသည်မဟုတ်ကြဘူးဘာဖြစ်လို့လဲဆိုတော့တုံ့ပြန်မှုဖြစ်လာဖို့ရှိပြီးသားက်ဘ်ဆိုက်ရဲ့ကုဒ် retrofit ဖို့ကြိုးစားနေမကြာခဏပင်ပန်းကြမ်းတမ်းကိစ္စဖြစ်ပါသည် ။ ဒါဟာသင်တုံ့ပြန်မှုဖြစ်ဖို့ site တစ်ခု retrofit အခါ, သင်တည်ဆဲ codebase အတွင်းနေထိုင်နိုင်ရန်အတွက်လိုက်လျောအောင်အတင်းအဓမ္မဖြစ်ကြောင်းဆိုလိုသည်။
သငျသညျရှိပြီးသား fixed-width ကိုက်ဘ်ဆိုက်နှင့်အတူအလုပ်လုပ်ကိုင်နေတယ်ဆိုရင်, တစ်ဦးသပ္ပါယ်ချဉ်းကပ်သင် site ကိုနဂိုအတိုင်းများအတွက်ဒီဇိုင်းရေးဆွဲခဲ့အရွယ်အစားစွန့်ခွာခြင်းနှင့်လိုအပ်အဖြစ်အပိုဆောင်းရသပ္ပါယ် breakpoints အားအပေါ် add နိုင်ပါတယ်ဆိုလိုသည်။ အချို့ကိစ္စများတွင်ပရောဂျက်ရဲ့ဘတ်ဂျက်သေးငယ်သည်မှန်လျှင်, ကသာဖွံ့ဖြိုးတိုးတက်မှုအတွက်အလုပ်၏သေးငယ်တဲ့ငွေပမာဏကိုလိုက်လျောညီထွေပါလိမ့်မယ်လျှင်, သင်သာသေးငယ်မျက်နှာပြင် / မိုဘိုင်း-ဗဟိုပြုအရွယ်အစားအသစ်သပ္ပါယ် breakpoints အားထည့်သွင်းဖို့ရှေးခယျြနိုငျသညျ။ ဤ site မူလများအတွက်ဒီဇိုင်းရေးဆွဲဖွယ်ရှိဘာဖြစ်ခဲ့သည်ရာဖြစ်ကောင်းတဲ့ 960 breakpoints အားဗားရှင်း - ဤသင်တို့ရှိသမျှသည်မှပိုကြီးတဲ့ Screen ကိုအတူတူ layout ကိုကိုအသုံးပြုဖို့ခွင့်ပြုလိမ့်မယ်လို့ဆိုလိုပါတယ်။
တစ်ဦးသပ္ပါယ်ချဉ်းကပ်ရန်အထောက်သင်ပိုကောင်းရှိပြီးသား site ရဲ့ကုဒ်မူတည်ပြီးနိုငျသောကွောငျ့ဖွစျသညျပေမယ့်အားနည်းချက်တွေထဲကတစ်ခုကသင်ကိုထောကျပံ့ဖို့ရှေးခယျြတစျခုစီ breakpoints အားများအတွက်ကွဲပြားခြားနားသော layout ကိုတင်းပလိတ်များအတွက်ဖြစ်ပါတယ်။ ရေရှည်၌ဤဖြေရှင်းချက်ဖွံ့ဖြိုးထိန်းသိမ်းနည်းလိုအပ်သောပမာဏတခုတခုအပေါ်မှာသက်ရောက်မှုရှိပါလိမ့်မယ်သောဤ။
ဒီဇိုင်းထိန်းချုပ်ရေး
တုံ့ပြန်မှုဝက်ဘ်ဆိုက်များ၏အားသာချက်တစ်ခုမှာမိမိတို့၏လျော့ပြေတစ်ဦးသပ္ပါယ်ချဉ်းကပ်ဆုံးဖြတ်မှသာ Pre-set ကို breakpoints အားဆန့်ကျင်အဖြစ်သူတို့အားလုံးကိုမျက်နှာပြင်အရွယ်အစားလိုက်လျောညီထွေဖြစ်အောင်နှင့်ကူညီပံ့ပိုးရန်ခွင့်ပြုသောကွောငျ့ဖွစျသညျ။ အဖြစ်မှန်, သို့သော်, တုံ့ပြန်မှုဆိုဒ်များတချို့ key မျက်နှာပြင်အရွယ်အစား (စျေးကွက်အပေါ်မရရှိနိုင်ပါလူကြိုက်များတဲ့ထုတ်ကုန်နဲ့ကိုက်ညီတဲ့ပုံမှန်အားအရွယ်အစားအမျိုးမျိုး) မှာအကြီးကြည့်ရှုစေခြင်းငှါဖြစ်ပါသည်, သို့သော်အမြင်ပုံစံဒီဇိုင်းမကြာခဏသူတို့အားလူကြိုက်များဆုံးဖြတ်ချက်တွေအကြားဆင်းချိုးတော်မူ၏။
ဥပမာ, site တစ်ခု 1400 pixels, 960 pixels ကို၏ Mid-screen ကိုအရွယ်အစားနှင့် 480 pixels ကိုမှာသေးငယ်တဲ့ screen ကိုကြည့်၏ကျယ်ပြန့်မျက်နှာပြင်အပြင်အဆင်မှာအကြီးကြည့်ရှု, ဒါပေမယ့်ဘာအတွက်များအကြားကဤအရွယ်အစား၏ပြည်နယ်များနှင့် ပတ်သက်. နိုငျသလဲ တစ်ဦးဒီဇိုင်နာအဖြစ်, သင် In-အကြားအရွယ်အစားနှင့်ထိုအရွယ်အစားမှာစာမျက်နှာ၏အမြင်ကြည့်ကဤကျော်မျှမထိန်းချုပ်အနည်းငယ်သာရှိမကြာခဏစံပြထက်လျော့နည်းသည်။
တစ်ဦးသပ္ပါယ်က်ဘ်ဆိုက်နှင့်အတူသငျသညျသူတို့သည်သင်တို့ကိုထူထောင် breakpoints အားအပေါ်အခြေခံပြီးအရွယ်အစား fixed ကြောင့်အသုံးပြုလျက်ရှိကြောင်းအမျိုးမျိုးသောအပြင်အဆင်အပေါ်ပိုပြီးဒီဇိုင်းထိန်းချုပ်မှုရှိသည်။ သငျသညျဂရုတစိုက်ဧည့်သည်များမှကယ်နှုတ်မည် (တစ်ဦးချင်းစီ breakpoints အားရဲ့ Display ကိုအဓိပ်ပာယျ) တစ်ဦးချင်းစီ "ကြည့်" ဒီဇိုင်းရေးဆွဲခဲ့ကြသောကြောင့်, In-အကြားပြည်နယ်များအဆင်မပြေသူများသည်မည်သည့်မဟုတ်တော့ပြဿနာတစ်ခုမဟုတ်ပါဘူး။
ဒီဇိုင်းထိန်းချုပ်မှု၏ဤအဆင့်ကိုအသံစခွေငျးငှါအဖြစ်ဆွဲဆောင်မှုအဖြစ်, သင်ကစျေးနှုန်းမှာလာကိုသတိထားပါဖြစ်ရပါမည်။ ဟုတ်ကဲ့, သင်တိုင်း breakpoints အား၏အသွင်အပြင်ကိုကျော်အပြည့်အဝထိန်းချုပ်ရှိသည်, ဒါပေမယ့်အဲဒီထူးခြားတဲ့အပြင်အဆင်အသီးအသီးအဘို့ဒီဇိုင်းလိုအပ်သောဒီဇိုင်းကိုအချိန်ရင်းနှီးမြှုပ်နှံရမယ်ဆိုလိုသည်။ သငျသညျ, အဘို့အသင်သည်ထိုလုပ်ငန်းစဉ်အပေါ်ဖြုန်းဖို့လိုအပ်ပါလိမ့်မည်သည့်အချိန်ပိုမိုဒီဇိုင်းကိုရွေးချယ်ပါပို breakpoints အား။
ပံ့ပိုးမှု၏အနံ
တုံ့ပြန်မှုနှင့်သပ္ပါယ်နှစ်ဦးစလုံးကို web design ကိုအထူးသဖြင့်ခေတ်မီသော browser များအတွက်တော်တော်လေးကြံ့ခိုင်ထောက်ခံမှုပျော်မွေ့။
အလိုက်ဝက်ဘ်ဆိုက်များမျက်နှာပြင်အရွယ်အစားထောက်လှမ်းဘို့ server ကိုဘက်အစိတ်အပိုင်းများသို့မဟုတ် Javascript ကိုဖြစ်စေလိုအပ်သည်။ တစ်ဦးသပ္ပါယ် site ကို Javascript ကိုလိုအပ်သည်ဆိုပါကသိသာထင်ရှားတဲ့ကဘရောက်ဇာက site ကိုမှန်ကန်စွာအလုပ်လုပ်ဘို့အလို့ငှာဖွင့်ထားရန်လိုအပ်သည်ကိုဆိုလိုသည်။ လူအများစုကသူတို့ browser များအတွက် Javascript ကိုရပါလိမ့်မယ်ကတည်းကကြောင်းသင်တို့အဖို့အဓိကစိုးရိမ်ပူပန်မှုမဖြစ်စေခြင်းငှါ, ဒါပေမယ့် site တစ်ခုဘာမှအပေါ်တစ်ဦးဝေဖန်မှီခိုရှိပါတယ်ဘယ်အချိန်မဆို, ကမှတ်ချက်ပြုရပါမည်။
တုံ့ပြန်မှုကွန်ရက်စာမျက်နှာတွေနဲ့မီဒီယာပါဝါကိုသူတို့အားလုံးကိုခေတ်မီ browser များအတွက်ကောင်းစွာအလုပ်လုပ်မည်ကို query လုပ်တဲ့အခါ။ အောက်တွင်ဖော်ပြထားသောဗားရှင်း 8 နဲ့ထောကျပံ့ပေးပါဘူးကတည်းကသင်ရှိသည်မည်သာပြဿနာများက Internet Explorer ၏ရှေးအကျဆုံးဗားရှင်းနှင့်အတူရှိသော မီဒီယာမေးမြန်းချက် ။ ဒီပတ်ပတ်လည်လုပ်ကိုင်ဖို့ တစ် Javascript ကို polyfill မကြာခဏအသုံးပြုသည် Javascript ကိုအပေါ်တစ်ဦးမှီခိုသည်အနည်းဆုံး IE ကိုသူတို့ antiquated ဗားရှင်းအဘို့, အဖြစ်ကောင်းစွာဤနေရာတွင်လည်းမရှိ, ဆိုလိုတာက။ တနည်းကား, ဒီသင့် site analytics အဲဒီအဟောင်းတွေကို browser ဗားရှင်းကိုအသုံးပြုပြီးများစွာသောဧည့်သည်မခံမယူကြဘူးကြောင်းပြသအထူးသဖြင့်လျှင်, အသင်တို့အဘို့အများကြီးစိုးရိမ်စရာဖြစ်မည်မဟုတ်ပါ။
အနာဂတ် friendly
ဒါကြောင့်အနာဂတ်-friendly မှကြွလာသောအခါတုံ့ပြန်မှုဝက်ဘ်ဆိုက်များ၏အရည်သဘောသဘာဝသူတို့ကိုသပ္ပါယ်က်ဘ်ဆိုက်များကိုကျော်အားသာချက်တစ်ခုပေးသည်။ သူတို့အားတုံ့ပြန်က်ဘ်ဆိုက်များ breakpoints အားသာယခင်ကထူထောင်ထားထားရှိရန် built ကြသည်မဟုတ်ထားလို့ဖြစ်ပါတယ်။ သူတို့ကအမှန်တကယ်စျေးကွက်အတွက်ယနေ့မကျမည်အကြောင်းအရာမြားအပါအဝငျအားလုံးဖန်သားပြင်, fit လိုက်လျောညီထွေဖြစ်အောင်။ ဤသည်တုံ့ပြန်မှုက်ဘ်ဆိုက်များအသစ်တစ်ခုကို screen resolution ကိုရုတ်တရက်ပေါ်ပြူလာဖြစ်လာလျှင် "fixed" ခံရဖို့မလိုအပ်လိမ့်မည်ဟုဆိုလိုသည်။
(သြဂုတ်လ 2015 ၏အဖြစ်, စျေးကွက်အပေါ် 24,000 ကျော်ကွဲပြား Android ထုတ်ကုန်ရှိခဲ့သည်) device ကိုရှုခင်းအတွက်မယုံကြည်နိုင်လောက်အောင်အမျိုးမျိုးမှာရှာဖွေနေ, ဖန်သားပြင်၏ဤကျယ်ပြန့်လိုက်လျောညီထွေရန်၎င်း၏အကောင်းဆုံးမယ့် site ကိုရှိခြင်းအနာဂတ်-friendly များအတွက်ပြင်းထန်စွာအရေးကြီးပါသည်။ ကြောင်းရှုခင်းအနာဂတျမှာမဆိုလျော့နည်းကွဲပြားခြားနားရဖို့မဖြစ်နိုင်သောကွောငျ့ဤသည်တိကျသောဖန်သားပြင်သို့မဟုတ်အရွယ်အစားများအတွက်ဒီဇိုင်းကျနော်တို့ပြီးသားကြောင်းအဖြစ်မှန်ရောက်ရှိကြပြီမဟုတ်ပါလျှင်မဖြစ်နိုင်ဖြစ်လာမယ့်ဆိုလိုတာကဖြစ်ပါသည်။
site တစ်ခုသပ္ပါယ်နှင့်ဈေးကွက်ထဲမှာအရေးကြီးသောဖြစ်လာစေခြင်းငှါအသစ်သောဆုံးဖြတ်ချက်များလိုက်လျောညီထွေမပါဘူးဆိုရင်ဒီနှိုင်းယှဉ်မြင်ကွင်း၏အခြားဘက်ခြမ်းတွင်,, ထို့နောက်ထို့နောက်သင်ဖန်တီးသောဆိုဒ်များပေါ်သို့ကြောင်း breakpoints အားထည့်သွင်းဖို့အတင်းအကျပ်နိုင်ပါသည်။ ဤသည်စီမံကိန်းများကိုပေါ်သို့ဒီဇိုင်းနှင့်ဖွံ့ဖြိုးရေးအချိန်ကထပ်ပြောသည်ကြောင့်သူတို့အားသပ္ပါယ်က်ဘ်ဆိုက်များတသမတ်တည်းအဘယ်သူမျှမသစ်ကို breakpoints အားဆိုက်ပေါ်သို့ထည့်သွင်းရမည်ဖြစ်သည်သောဈေးကွက်သို့စတင်မိတ်ဆက်ခဲ့ကြကြောင်းသေချာစေရန်စောင့်ကြည့်ရဦးမည်ကိုဆိုလိုသည်။ တနည်းကား, device ကိုမတူကွဲပြားမှုကြောင့်အဆက်မပြတ်သစ်ကို breakpoints အားသူတို့နှင့်အတူလိုက်လျောညီထွေသစ်ကိုအရွယ်အစားနှင့်ဖြစ်နိုင်သမျှအဘို့အစစ်ဆေးရှိခြင်း site တစ်ခုနှင့်အဘို့အကြောင်းပြုပြင်ထိန်းသိမ်းမှု၏ကုန်ကျစရိတ်ကိုထောက်ပံ့ရန်သင့်အားရပါမည်အလုပ်တခုတခုအပေါ်မှာသက်ရောက်မှုရှိလိမ့်မည်ဟုတစ်ဦးဆက်လက်ဖြစ်ပွားနေသောစိန်ခေါ်မှုဖြစ်ပါသည်, သောအရာကိုဖြစ်ခြင်းနှင့်အတူ ကုမ္ပဏီသို့မဟုတ်အဖွဲ့အစည်းဘယ်သူကိုများအတွက်ဆိုက်အဘို့ဖြစ်၏။
performance
တုံ့ပြန်မှုက web design ကိုရှည်လျားတစ်ဦးကို download speed ကို / performance ကိုရှုထောငျ့မှဆင်းရဲသားဖြေရှင်းချက်ဖြစ်ခြင်း၏ (မတရားဤမျှလောက်များစွာသောအမှုများအတွက်) စွပ်စွဲခဲ့သည်။ ဒါဟာအကြီးအကျယ်ကြောင့်ဒီချဉ်းကပ်၏အစောပိုင်းကာလ၌လူများစွာရှိသော web designer ရိုးရှင်းစွာ site တစ်ခု၏တည်ဆဲ CSS ကိုပေါ်ကိုသေးငယ်တဲ့ screen ကိုမီဒီယာမေးမြန်းချက် tacked ဆိုတဲ့အချက်ကိုရန်ဖြစ်ပါသည်။ ဒါကသူတို့အသေးငယ်ဖန်သားပြင်သူတို့ရဲ့နောက်ဆုံးအပြင်အဆင်မှာသူတို့ကိုမသုံးခဲ့ပါလျှင်ပင်, ရှိသမျှပစ္စည်းတွေပေးပို့ခံရဖို့ပိုမိုကြီးမား screen များအတွက်ရည်ရွယ်ရုပ်တုဆင်းတုနှင့်အရင်းအမြစ်များကိုအတင်းအကျပ်။ တုံ့ပြန်မှုဒီဇိုင်းထိုကာလကတည်းကရှည်လျားသောလမ်းလာခဲ့ပါသည်နှင့်အဖြစ်မှန်အရည်အသွေးကိုတုံ့ပြန်မှုက်ဘ်ဆိုက်များကိုယနေ့စွမ်းဆောင်ရည်ပြဿနာများမှမခံစားဘူးသောကွောငျ့ဖွစျသညျ။
အနှေးကို download အမြန်နှုန်းနှင့်ဖောင်းဝက်ဘ်ဆိုက်များတစ်တုံ့ပြန်မှုက်ဘ်ဆိုက်ကပြဿနာမဟုတ်ပါဘူး - ဒါဟာအားလုံးကွန်ရက်စာမျက်နှာတွေပေါ်မှာတွေ့နိုင်ပါသည်ကြောင့်ပြဿနာတစ်ခုဖြစ်ပါတယ်။ သိပ်အကြီးစားဖြစ်ကြောင်းကိုပုံများ, လူမှုရေးမီဒီယာ, အလွန်အကျွံ script များနှင့်ပိုပြီးထံမှ feeds နှင့်ချ site တစ်ခုအလေးချိန်, ဒါပေမယ့်နှစ်ဦးစလုံးတုံ့ပြန်မှုများနှင့်သပ္ပါယ်ဝက်ဘ်ဆိုက်များအစာရှောင်ခြင်း-တင်ဖြစ် built နိုင်ပါသည်။ ဟုတ်ပါတယ်, သူတို့ကလည်းစွမ်းဆောင်ရည်ဦးစားပေးလုပ်မရပေမယ့်ဒီဖြေရှင်းချက်ကိုအလိုလိုတစ်ဦးရို, ဒါပေမယ့်မဟုတ်ဘဲဆိုက်သူ့ဟာသူ၏ဖွံ့ဖြိုးတိုးတက်မှုအတွက်ပါဝင်ပတ်သက်ခဲ့သည့်အဖွဲ့သည်တစ်ရောင်ပြန်ဟပ်မှုမဖြစ်မယ့်လမ်းအတွက်ဆောက်လုပ်ထားနိုင်ပါသည်။
Layout ကျော်လွန်
သပ္ပါယ်ကို web ဒီဇိုင်းအရှိဆုံးဆွဲဆောင်မှုရှုထောင့်တစ်ခုမှာသင်ထား breakpoints အားများအတွက် site ၏ဒီဇိုင်းကိုကူးထိန်းချုပ်မှုရှိသည်, ဒါပေမယ့်လည်းသူများ site ကိုဗားရှင်းအဘို့ကိုအပ်သောအရင်းမြစ်များမသာသောကွောငျ့ဖွစျသညျ။ ဥပမာအားဖြင့်, ဒီ Non-လှာဖန်သားပြင်စဉ်လှာပုံများ, သာလှာ devices တွေကိုပေးပို့အကြောင်းကြားနိုင်ပါကြောင်းဆိုလိုသည် ကပိုသင့်လျော်သောရုပ်ပုံများကိုရ ဖိုင်အရွယ်အစားအတွက်သေးငယ်ဖြစ်ကြောင်း။ သူတို့လိုအပ်နေပါသည်နှင့်အသုံးပြုပါလိမ့်မည်တဲ့အခါမှသာအခြားဆိုက်အရင်းအမြစ်များကို (စသည်တို့ကို Javascript ကိုဖိုင်များ, CSS ကိုစတိုင်များ,) ပေါ် မူတည်. ကယ်နှုတ်တော်မူ၏နိုင်ပါသည်။
သပ္ပါယ်ကို web design ကိုဒီအသုံးပြုမှုဝေး၏ရိုးရှင်းညီမျှခြင်းကျော်လွန်သွားသည် "သင် website တစ်ခု retrofitting လျှင်, သပ္ပါယ်ကိုသုံးပါရန်ပိုမိုလွယ်ကူချဉ်းကပ်မှုဖြစ်နိုင်သည်။ " ပြီးပြည့်စုံဒီဇိုင်းအသစ်အပါအဝင်အားလုံးသည်ဆိုဒ်များ, တစ်ဦးထက်ပိုသောစက်ချုပ်အတွေ့အကြုံကိုတစ်စမတ်ချဉ်းကပ်မှုမှအကျိုးနိုင်ပါတယ်။
ဤသည်မှာမြင်ကွင်းဒီ "သပ္ပါယ်နှိုင်းယှဉ်တုံ့ပြန်မှု" ဆွေးနွေးငြင်းခုံ၏မသိမသာကွဲပြားသဘောသဘာဝကိုပြသထားတယ်။ ဒါကြောင့်တစ်ဦးသပ္ပါယ်ချဉ်းကပ် site ကို retrofits များအတွက်တုံ့ပြန်မှုထက်ပိုကောင်းတဲ့တော်ပါတယ်ဖြစ်မည်အကြောင်းမှန်ပေမယ့်, ကလည်းအပြည့်အဝဒီဇိုင်းအသစ်အဘို့ကြီးစွာသောဖြေရှင်းချက်နိုင်ပါတယ်။ အလားတူပင်အချို့သောကိစ္စများတွင်တစ်ဦးတုံ့ပြန်မှုချဉ်းကပ်မှုကြောင့် site ကိုအပြည့်အဝတုံ့ပြန်မှုချဉ်းကပ်မှုရှိသမျှတို့ကိုအကျိုးကျေးဇူးများပေးခြင်း, ရှိပြီးသား site ရဲ့ကုဒ်-အခြေစိုက်စခန်းပေါ်သို့ထည့်သွင်းနိုင်ပါသည်။
ဘယ်ချဉ်းကပ်သည် သာ. ကောင်း၏ပါသလဲ
ကသပ္ပါယ်ကို web design ကိုနှိုင်းယှဉ်တုံ့ပြန်မှုမှကြွလာသည့်အခါတုံ့ပြန်မှုဆက်ဆက်ပိုမိုလူကြိုက်များချဉ်းကပ်မှုဖြစ်ပါတယ်ပေမယ့်, အဘယ်သူမျှမရှင်းလင်းသော "ဆုရှင်" လည်းမရှိ။ အမှန်တရားမှာ "ပိုကောင်း" ချဉ်းကပ်နည်းတိကျတဲ့စီမံချက်၏လိုအပ်ချက်များကိုဖြည့်ပေါ်တွင်မူတည်သည်။ ထို့အပွငျ, ဒီတစ်ခု "ဖြစ်စေ / သို့မဟုတ်" အခွအေနေဖြစ်ရန်မလိုအပ်ပါဘူး။ သပ္ပါယ်ဒီဇိုင်း (ပိုကောင်းတဲ့ဒီဇိုင်းကိုထိန်းချုပ်မှု, site ကိုအရင်းအမြစ်များစမတ်တင်) ၏အားသာချက်များနှင့်အတူ (အရည် width အနာဂတ်ထောက်ခံမှု) တုံ့ပြန်မှုကို web design ကိုအကောင်းဆုံးပေါင်းစပ်ပြုလုပ်က်ဘ်ဆိုက်များကိုတည်ဆောက်ကြသူအများအပြားက web ပညာရှင်များရှိပါသည်။
လေ့ RESS (ဆာဗာဘေးထွက် Components တွေနဲ့တုံ့ပြန်မှုက်ဘ်ဒီဇိုင်း) အဖြစ်လူသိများသည်ဤချဉ်းကပ်နည်းကယ့်ကိုအဘယ်သူမျှမရှိ "တဦးတည်းရဲ့အရွယ်အစားအားလုံးဖြေရှင်းချက်ကိုက်ညီ။ " ကြောင်းပြသထားတယ်တုံ့ပြန်မှုကို web ဒီဇိုင်းနှင့်သပ္ပါယ်နှစ်ဦးစလုံးဟာသူတို့ရဲ့အားသာချက်နှင့်၎င်းတို့၏စိန်ခေါ်မှုများရှိသည်, ဒါကြောင့်သင်ထားတဲ့တဦးတည်းကိုဆုံးဖြတ်ရန်လိုအပ် သင့်ရဲ့တိကျတဲ့စီမံကိနျးအတှကျအကောင်းဆုံးအလုပ်လုပ်ပါလိမ့်မယ်, ဒါမှမဟုတ်တစ်ဦးစပ်ဖြေရှင်းချက်အမှန်တကယ်အကောင်းဆုံးသင်ကိုက်ညီလျှင်။