တုံ့ပြန်မှုဒီဇိုင်းအတွက် CSS ကို-မူဘောင်

"ဘယ်မှာလဲကျွန်တော်ခါးလုပ်ဖို့သွားမည်နည်း" - သူတို့ရဲ့ပြေ (Baron Munchausen အကြောင်းကိုရုပ်ရှင်) မေးသော်, ဒါပေမယ့်ကိုယ်နှိုက်ကအဖြေသောကွောငျ့, ကိုယ့်ကိုယ်ကိုမေးကြည့်ပါ။ မူဘောင် - အစဉ်အမြဲကောင်းတစ်ဦးအရာ, တကမြင့်မြတ်သောရေးသားသူထံမှအထူးသဖြင့်လာသောအခါ: ဘယ်လို ZURB ၏အခြေခံအုတ်မြစ်, ဒါမှမဟုတ်ဂရုတစိုက်အရှင် Baron ကိုစိုက်ချယ်ရီသစ်ပင်မင်နဖူးသကဲ့သို့, twitter ပေါ်မှာ boot တက်ခြင်းကိုလုပ်ဆောင်ပါတယ်။

အားလုံး CSS ကို-မူဘောင် - ကောင်းသည်နှင့်လက်တွေ့ပါပဲ။ ခါးပြုပါရှိရာ - - သေးသည်၎င်း၏နောက်ဆုံးဆုံးဖြတ်ချက်တွေ့သော်လည်းသိမ်းပိုက်နိုင်ခြင်းမရှိသေးပေသောကျန်ရှိသော vertices, မရှိသေးပေလူတယောက်ပစ္စည်းဥစ္စာယင်း၏တန်ဖိုးကိုပြန်လည်နှင့်တစ်ချိန်ကအတူတူထိပ်သီးအစည်းအဝေးမှလမ်းခရီးတရှောက်လုံးသို့ပြောင်းရွှေ့ဆိုတဲ့အချက်ကို, မေးခွန်းကပြောသည်။

အလိုက်အပြင်အဆင်: browser များနှင့်ဟင်းချို

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

ကလေးမွေးဖွားထံမှအကြွင်းမဲ့အာဏာလွှမ်းမိုးမှုကိုရှိသည်, နှင့်ယှဉ်ပြိုင်မူလကအနီးကပ်ခဲ့ဘူးသည့်အခါ "အထွဋ်အမြတ်တည်းဟူသော» IE ကိုတစ်ဦးထိုအချိန်တွင်တစ်ခုခုစံဖို့ကြိုးစားမှုရှိခဲ့ပါပြီ။

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

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

CSS ကို-မူဘောင် Bootstrap

အဆိုပါပရိုဂရမ်မာရိုးရှင်းဖို့ထုတ်ကုန်များ၏အဓိပ္ပာယ်ကိုနှင့်ရည်ရွယ်ချက်။ ဒါဟာသူကပထမဦးဆုံးတစ်ဦးဖြစ်ခဲ့သည်ဟုယုံကြည်အာရုံစူးစိုက်မှုအရှိဆုံးအဆင့်မြင့်ခြင်းနှင့်ထိုက်တန်ကြားတွင်ဖြစ်ပါသည်။ ယင်း၏ဖွဲ့စည်းမှုကြောင့်:

• , ကော်လံလုပ်ကွက် mesh;
• တင်းပလိတ်များ, fixed, ရော်ဘာနှင့်အခြားသူများ;
• ဂရပ်ဖစ်, ဖောင့်လျက်, သူတို့ဖော်ပြချက်;
• မီဒီယာ, ရုပ်ပုံများနှင့်ရုပ်ရှင်စီမံခန့်ခွဲမှု,
• စားပွဲ, ပုံမှန်ရှင်းလင်းရေး, sorting အသစ်လုပ်ဆောင်ချက်ကို;
• ဖြစ်ရပ်များ, အမည်များနှင့်ဆက်စပ်သောပုံသဏ္ဍာန်, ဒီဇိုင်း input ကိုလယ်ကွင်း;
• အညွှန်း, tabs များ, tabs များ, စာမျက်နှာများ, menus တွေ, Toolbars;
• ဒြပ်စင် floating သတိပေးချက်များ, စကားကွက်, အကြံပေးချက်များ။

ဒီအမူဘောင်ကုမ္ပဏီတွစ်တာ၏ဖွံ့ဖြိုးတိုးတက်မှု၌ဤအံ့သြဖွယ်အတွေ့အကြုံကိုအသုံးပြုသည်သူပရိုဂရမ်မာများအတွက်ပိုပြီးဖန်တီးမှုလွတ်လပ်မှုကိုမိန့်တော်မူ၏။ ဤအမှုအလုံးစုံတို့ကိုကြောင့်အရေးကြီးပြီးစိတ်ဝင်စားဖွယ်ဖြစ်ပါသည်, ကောင်းပါတယ်, ဒါပေမဲ့အခိုင်အမာစွမ်းရည်ပြုစုဖို့မရရှိနိုင်ပါလိမ့်မည်ရှေ့မှာဂရုတစိုက်လေ့လာခဲ့ရပါမည်။

bootstrap, သူ့နောက်လိုက်များနှင့်ပြိုင်ဘက်များ

အမှန်ကတော့အားလုံးမူဘောင် - က HTML, အ CSS ကို, JavaScript ကို - ကအမျိုးမျိုးသောပေါင်းစပ်အတွက်လူသိများသုံးဖြစ်ပါတယ်။ တစ်ခုချင်းစီကိုဒီဇိုင်နာကွဲပြားခြားနားသောအခက်အခဲနားလည်သဘောပေါက်တင်ဆက်နှင့်ဖွံ့ဖြိုးတိုးတက်မှုအတွက်အချိန်အတိုင်းအတာတစ်ခုအခြို့သောငွေပမာဏလိုအပ်သည်။ ဒါပေမယ့်ဒါပမေဲ့အံ့သွရှေ့အဆုံးနှင့်အဘိဓါန် Basque--အဆုံးမှာ site ကိုအဆောက်အဦး၏ဖြစ်စဉ်ကိုဝေပေမယ့်အားလုံးအတူတူပင်: တစ်စုစုပေါင်းနှုတ်ခွံထဲက (သာယာယီပြီးတော့နှင့်) ကိုဖောက်သည်သာစိတ်ထဲ eclipsing, ပျြောရှငျတဲ့ဇာတ်သိမ်းအမြဲရှိ - တကဘဝ, အစစ်အမှန်စိန်ခေါ်မှုနှင့်တာဝန် ယင်း၏ဖြေရှင်းနည်းများ။

အမှန်မှာထိုဆော့ဖ်ဝဲရေးသူ, Bootstrap, ဖောင်ဒေးရှင်း Kube, ဝေါဟာရရငျးမွစျ UI ကို, Uikit, UniCSS, Maxmertkit နှင့်အတူလက်နက်ပါ ... ကောင်းကောင်းပုံသေနည်း 1`000 / 100`000 (လက်ဖြစ်) + Factor "Pi" ကိုအစားထိုးရန်အတွက် 10/12 ဖော်မြူလာအပေါ်အလုပ်မလုပ်ပေမည်။ ပုံဆောငျသဘောအရစကားပြော, CSS ကို-မူဘောင်မဆိုစီမံကိနျးအတှကျ 10-12 နာရီကြာမှတက်, အသင်္ချေသို့မဟုတ် (လက်ဖြစ်) နာရီခန့်၏ကြီးမားသောအရေအတွက်စီမံကိန်းကိုဖှံ့ဖွိုးတိုးတအချိန်ကုန်သက်သာ။

ရှေ့မှာကြက်ဥအိပ် Remembering ပင်ကြက်သားတယ်လျောက်ပတ်စွာသူ့ကိုကဲ့ရဲ့ကြလိမ့်မယ်နဲ့အတူကျနော်တို့ယူဆနိုင်သည်အချိန်အတွင်းကွာခြားချက်ဘယ်နေရာမှာမဆိုပျောက်ကွယ်သွားနိုင်ဘူးဖွံ့ဖြိုးတိုးတက်ကမူဘောင်ရဲ့လေ့လာမှု, ယူသငျ့သူမြား၏ရှေးခယျြမှုနှငျ့အခွားသောအချိန်ဖြုန်းဝေးအများကြီးသို့ဝင် ဖွံ့ဖြိုးတိုးတက်မှုဖြစ်စဉ်ကိုမှသည်။

အတွေ့အကြုံရှိ developer များပင်ညဥ့်အခါကလျောက်ပတ်သော site ကိုအောင်မဖြစ်နိုင်ကြောင်းသဘောတူပါလိမ့်မယ်။ လူ့ဉာဏ်ပိုမြန်မဆိုကွန်ပျူတာထက်အလုပ်လုပ်တယ်, ဒါပေမယ့်၏သတိအစိတ်အပိုင်းတစ်ခု - အလွန်နှေးကွေးစွာနဲ့သေသေချာချာပင်အလွန်ရိုးရှင်းပြီးဖြေရှင်းချက်မချခင်အရာခပ်သိမ်းချိန်။ အဆိုပါအရေအတွက်နှင့်အရည်အသွေးလုံးဝဘာမျှ၏ခေတ်သစ် tools တွေကိုအသုံးပြုဘာမျှမမှာအားလုံးအာမခံကပြောပါတယ်။

ခေတ်သစ် site ကို - ဤသပ္ပါယ် layout ကိုသရုပ်ပြ, စာမျက်နှာအစုတခုမဟုတ်ပါဘူး။ လုံးဝကိုဘယ်လိုလိမ္မာပါးနပ်င်း၏ဆော့ဖ်ဝဲရေးသူ, နှင့်အဘယ်သို့ဆိုင်ရဲ့အကောင်းဆုံး CSS ကို-မူဘောင်သည်သူ၏လက်နက်တိုက်ရှိပေမယ်မဟုတ်ဘဲဖောက်သည်များကလိုအပ်သောလုပ်ဆောင်ချက်ကိုဖြည့်ဆည်းဖို့ပြသဖို့မဆို site ကိုကြည့်ရှုစောင့်ရှောက်။

ဒနှင့်တကယ်တော့ဆိုတဲ့အချက်ကိုတွင် adapter

အခိုငျအမာအုပ်ချုပ်မှုကို - task ကိုအဖြေတစ်ခုလိုအပ်သည်။ စိတ်ဝင်စားစရာကောင်းတဲ့လှုပ်ရှားမှု, ဒါပေမယ့်မပို - ဖွံ့ဖြိုးရေးကောင်စီ adapter နဲ့ Cross-browser ကိုတစ်ဦးရော်ဘာ layout ကိုစာတမ်းအပေါ်ရော်ဘာအချို့ "အမျိုးအစားများ" ပေါ်တွင်ခွဲခြမ်းစိတ်ဖြာ tabs များအပေါ်အခြေခံပါတယ်။ အလိုက်ဘောင် CSS ကို, HTML, JS - ကတိပေးပေမယ့်ဘယ်အရာကိုအခြေအနေတွင်မှာရှာဖွေနေဒီရှုထောင့်ထည့်သွင်းစဉ်းစားသင့်ပါတယ်။

လိုအပ်သောလုပ်ဆောင်ချက်ကိုတစ်ဦးနားလည်မှုရှိသည်။ ဧကန်အမှန်သယံဇာတသင်၏ကွန်ပျူတာပေါ်တွင်နှင့်သင့်ဖုန်းပေါ်မှာ run သင့်ကြောင်းရှိပါသည်။ သို့သော်ဤလုပ်ငန်းလည်ပတ်၏အရေးအပါဆုံးတာဝန်များကို၏သပ္ပါယ် layout ကိုသဘောပေါက်၏ပြဿနာကိုမဆိုလိုပါ။

သင်တဦးတည်းနှင့်အတူတူပင်ကနေမြင်းတပ်, Pony ကနေတောင်းဆိုလို့မရပါဘူး: တူညီသောအတူတူအောင်မြင်မှုနှင့်အတူသိုင်းကြိုးဆွဲ။ ဒါဟာ (လေယာဉ်ပျံ, ဆိုရှယ်လစ်ဝါဒ၏ခေတ်၌အလွန်ရေပန်းစားသည်) ပြောင်းဖူးအဘို့အပင်အာလူး, ပေါ်သယ်ဆောင်ရန်အဘယ်သူမျှမသဘာဝကျပါတယ်, လယ်ပြင်ကနေသိုလှောင်မှုဖိုင်လက်ရှိရာ။ ဤတွင်ပင်အလွန်မြင်းတဦးတည်းရင်ဆိုင်ဖြေရှင်းနိုင်။

ဒါကြောင့်တစ်ဦးကွဲပြားခြားနားအရပ်၌ရှိသို့မဟုတ်အခြားအခြေအနေများတွင်ရှေ့တော်၌, ပြုတော်မူပြီအဖြစ်စကားလုံးသင့်ကိုယ်ပိုင်အသိထဲမှာအသုံးအနှုန်း "သပ္ပါယ်" ဤကဲ့သို့သောအရာတစ်ခုခုလုပ်ဖို့မဖြစ်မနေလိုအပ်တစ်ခုခုမဆိုလိုပါ။ ပြဿနာတစ်ခုနှင့်၎င်း၏လုပ်ဆောင်နိုင်စွမ်းရှိပါတယ်, ဒီလုပ်ဆောင်ချက်ကိုအလုပ်လုပ်သောအမျိုးမျိုးသောပလက်ဖောင်းများနှင့်ဟင်းချိုရှိပါတယ်။ ပစ်မှတ်နှင့်ညီမျှ, ဒီဇိုင်းနှင့်တွေ့ဆုံဆွေးနွေးမှုလုပ်ငန်းစဉ်အတွက်ဖြစ်တယ်ဆိုရင် - ဤအမှန်တကယ် Utopia သည်ပြဿနာဖြေရှင်းရေးအတွက်ရည်မှန်းချက်ပါလျှင် - ကအတော်လေးအခြားကိစ္စဖြစ်ပါတယ်။

ထိုအခါသမိုင်းဝင်အခိုက်၏အလားအလာကို

programmer တွေအလွန်လျှင်မြန်စွာဖွံ့ဖြိုးဆဲနှင့်အဆနှုန်းကြသည် - ထိုအလုပ်အကိုင်များ၏တိကျသောဖြစ်ပါတယ်။ အမြဲပိုမြန်မဆိုကွန်ပျူတာထက်ပရိုဂရမ်မာထင် code ကိုမှအ interface ကိုခွဲခြားရန်အဘယ်ကြောင့်ဆိုသော်သူကလူ့ယဉ်ကျေးမှုဆောက်လုပ်ရေးအချက်အလက်များ၏အရုဏ်ကတည်းကအလိုလိုဖို့ဆုံးဖြတ်ခဲ့ပါတယ်။ ဒါပေမယ့်ဌာနကမှန်ကန်စွာရှိရာတပ်မက်လိုချင်သောအမကျြနှာကိုသိရန်လိုအပ်သောဖြစ်ပါသည်, သေးငယ်သည်။

ဤသုံးပါးရမှတ် (interface ကို, code ကို, မကျြနှာကို) ကသတင်းအချက်အလက် entity သာအစိတ်အပိုင်း။ ယင်းအချက်အလက်များ၏ပြဿနာနှင့်၎င်း၏တင်ပြချက်လည်းရှိပါသည်။ ကိုယ်ကသာပထမတစ်ချက်မှာက data နဲ့ CSS ကို-မူဘောင်အပြန်အလှန်မစပ်ဆိုင်ကြောင်းကိုထင်ရှားစေခြင်းငှါဖြစ်ပါသည်။ တကယ်တော့စိတ်ကူးအမြဲကုဒ်, ဒါပေမယ့်လည်းဒါဟာကိုင်တွယ်သူအချိန်ပေါ်အပေါင်းတို့၏ပထမဦးဆုံးပြုလုပ်မဘယ်လောက်ဆိုတဲ့အချက်ကိုသာဆုံးဖြတ်သည်။

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

ကောင်စီ, အကြံပေးများနှင့်အကဲဖြတ်မည့်အစီအစဉ်အကြောင်း

အကြံပေးသင့်တယ်နဲ့သူအများတို့သည်ပြဿနာများကိုပေါ်ထွန်းဘယ်တော့မှမထားသင့်သူကိုယုံကြည်စိတ်ချသူမဟုတ်ရနိုင်သူကို၏မေးခွန်းကို၏ဥာဏ်နှင့်တကွ, အဖြစ်မှန်ပါ။ သို့သော်ဤအတူကို virtual အာကာသထဲမှာအလေးအနက်အခက်အခဲရှိပါတယ်။

တိုင်းပရိုဂရမ်မာ (စုပေါင်းအထူးသဖြင့်သူတို့အား) အတှေ့အကွုံစုဆောင်း။ ဒါကတလမ်းတည်းဖြင့်သို့မဟုတ်အခြားအတွေ့အကြုံနှင့်၎င်း၏ကိုယ်ပိုင်မူဘောင်ရှိပါတယ်။ တစ်စုံတစ်ဦးကအခြားသူရဲ့ယုံကြည်ခြင်းအပေါ်မှာတာမီ, အလွန်လူကြိုက်များနှင့်အံ့သြဖွယ်ပင်လျှင်, သင်သုတေသီများ၏အနေအထားအတွက်ကိုယ့်ကိုကိုယ်ထားရန်လိုအပ်ပါတယ်, ဒါပေမယ့်မနောက်လိုက်။

လုပ်ဖော်ကိုင်ဖက်များ၏အတှေ့အကွုံ - ကအထူးသဖြင့်ထိုကဲ့သို့သောတစ်ခုသတင်းအချက်အလက်ကဲ့သို့သောပြောင်းလဲနေသောလယ်ပြင်ပေမယ့်သူတို့ရဲ့ကိုယ်ပိုင်ဗဟုသုတနှင့်အတွေ့အကြုံ၏ဖွံ့ဖြိုးတိုးတက်ရေးအတွက်အကောင်းတစ်ဦးမက်လုံးပေး၌, အလုပျအတှကျအခွခေံအခြေခံဘယ်တော့မှပါပဲ။

တစ်ခုခုအောင်မြင်ရန်မဟုတ်ရင်တောင်တခြားသူတွေရဲ့အတွေ့အကြုံကိုလေ့လာမှရပ်တန့်မရှိ။ မည်သည့်မြင်ကွင်း, သင့်ရဲ့ကိုယ်ပိုင်အတွေ့အကြုံနှင့်အလုပ်အကိုင်အတွက်လုပ်ဖော်ကိုင်ဖက်များ၏ခုနှစ်တွင် - ကသာသူတို့ရဲ့ကိုယ်ပိုင်အတွေ့အကြုံထက်ပိုကောင်းမယ့်, ထိုအနေဖြင့်အစီအစဉ်များကိုခြောကျပိုအလားအလာများနှင့်လက်တွေ့ဖြစ်လိမ့်မည်။