သင့်အား UI ရှေ့ပြေးပုံစံများကို အချိန်နှင့်တပြေးညီ ဖန်တီးမျှဝေနိုင်စေမည့် ဝဘ်အက်ပ် သို့မဟုတ် တိုးချဲ့မှုတစ်ခုရှိရန် ဆန္ဒရှိပါသလား။
ငါတို့အားလုံးလုပ်တယ်! ကျွန်ုပ်တို့အားလုံးသည် ကျွန်ုပ်တို့၏ဆိုက်များ သို့မဟုတ် အက်ပ်များကို မည်ကဲ့သို့ကြည့်ရှုခံစားစေလိုကြောင်း စိတ်ကူးများရှိသည်။
ဒီတော့ မင်းက တကယ့်ကို ကောင်းမွန်တဲ့ ဒီဇိုင်းကို ဖန်တီးခဲ့ပြီး မင်းဘယ်လိုလုပ်ခဲ့တာလဲဆိုတာ အတိအကျ မမှတ်မိနိုင်ဘူးလား။
အခု မျှဝေဖို့ နည်းလမ်းရှာရမယ်။ တော်တော်ရှုပ်ထွေးတဲ့ ဒီဇိုင်းကို မျှဝေဖို့ ကြိုးစားနေတယ်ဆိုရင် ရက်သတ္တပတ်တွေတောင် ကြာနိုင်ပါတယ်။
သင့်ဝဘ်အက်ပ်၏ ရှေ့ပြေးပုံစံများ ပြုလုပ်ရန် စောင့်ဆိုင်းရန် အကြောင်းမရှိပါ။ ၎င်းတို့ကို Dabblet ဖြင့် ယခုဖန်တီးပါ။
ဒြပ်စင်များကို ဆွဲချ၊ စတိုင်လ်လုပ်ပြီး သိမ်းဆည်းပါ။ သုံးသပ်ရန် ဒီဇိုင်နာထံ ပေးပို့ပါ သို့မဟုတ် ၎င်းကို တင်ပြမှုတစ်ခုအဖြစ် ကူးယူပါ။ ဖြစ်နိုင်ခြေများသည် အဆုံးမရှိပေ။
Dabblet ဆိုတာ ဘာလဲ။
အသုံးပြုခြင်း dabbleသင်သည် အချိန်နှင့်တပြေးညီ CSS နှင့် HTML ကုဒ်အတိုအထွာအနည်းငယ်ဖြင့် စမ်းသပ်နိုင်သည်။
၎င်းကိုအသုံးပြုသောအခါတွင် သင်သည် သင်၏ CSS ကုဒ်တွင် မည်သည့်ရှေ့ဆက်မှုမျှ မလိုအပ်ပါ။ GitHub gists သည် သင့်အကြောင်းအရာကို သိမ်းဆည်းရန်၊ ၎င်းကို အခြားဝဘ်ဆိုက်များတွင် တင်ရန်နှင့် အခြားသူများနှင့် မျှဝေရန် ခွင့်ပြုသည်။
ဤသည်မှာ အခြား developer များနှင့် ကုဒ်အတိုအထွာများကို မျှဝေရန်နှင့် အကြံပြုချက်ရယူရန် နည်းလမ်းကောင်းတစ်ခုဖြစ်သည်။
၎င်းသည် မည်သို့လည်ပတ်သနည်း။
ကုဒ်ကိုရိုက်ပြီးသည်နှင့်၊ ၎င်း၏အပေါ်ဘက်တွင် မြင်သာသောအထွက်ကို ချက်ချင်းမြင်နိုင်သည်။ JavaScript ကို သော့ခတ်မှုတိုင်းတွင် ၎င်းကို run ရန် စိတ်အနှောင့်အယှက်ဖြစ်ဖွယ်ရှိပြီး အချို့သောအခြေအနေများတွင် ဘရောက်ဆာကိုပင် အသုံးမပြုနိုင်စေရန်အတွက် တစ်ခုတည်းသော ကင်းလွတ်ခွင့်ဖြစ်သည်။
JavaScript tab ရှိ “Run JS” option ကိုအသုံးပြုခြင်း သို့မဟုတ် ကီးဘုတ်ဖြတ်လမ်း (Ctrl + Enter သို့မဟုတ် Cmd + Enter) သည် Dabblet တစ်ခုလည်ပတ်သောအခါ JavaScript ကို run လိမ့်မည်။ ရွေးချယ်စရာမီနူးသည် သင့်အား ဤစတိုင်လ်ကို ပြောင်းလဲနိုင်စေပါသည်။
ဆော့ဖ်ဝဲရေးသားသူအနေဖြင့် သင်သည် ဤဘာသာစကားသုံးမျိုးစလုံးကို တစ်ပြိုင်နက်တည်း ကုဒ်ပြောင်းခြင်းသို့ ပြောင်းနိုင်သည် သို့မဟုတ် ပြီးသွားသော ထုတ်ကုန်ကို မြင်တွေ့နိုင်သည်။
အင်္ဂါရပ်များ
အောက်ပါတို့သည် သင်သိထားသင့်သည့် Dabblet ၏အင်္ဂါရပ်များဖြစ်သည် ။
အမြန် CSS တည်းဖြတ်ခြင်း- CSS ဂုဏ်သတ္တိများကို အမြန်ထည့်၊ တည်းဖြတ်ကာ ဖယ်ရှားနိုင်သည်။ အပြောင်းအလဲများကို အချိန်နှင့်တပြေးညီ စာမျက်နှာပေါ်တွင် ထင်ဟပ်စေမည်ဖြစ်သည်။
Syntax ကို အသားပေးဖော်ပြခြင်း- CSS နှင့် HTML ကုဒ်များသည် အထားအသိုကို မီးမောင်းထိုးပြထားသောကြောင့် ဖတ်ရှုနားလည်ရလွယ်ကူစေသည်။ သင်ရိုက်သည့်အတိုင်း ကုဒ်ကိုလည်း အတည်ပြုမည်ဖြစ်သည်။ သင်နှစ်သက်ပါက ကုဒ်အကွက်ကို ဝှက်ထားရန်လည်း သင်ရွေးချယ်နိုင်သည်။
အလိုအလျောက် ဖြည့်သွင်းသည်- Dabblet သည် CSS ဂုဏ်သတ္တိများနှင့် တန်ဖိုးများအတွက် အလိုအလျောက်ဖြည့်ပေးသည်။ စတိုင်စာရွက်များကို ဖန်တီးနေစဉ် သို့မဟုတ် တည်းဖြတ်သည့်အခါ ၎င်းသည် အလွန်အသုံးဝင်ပါသည်။
ကြိုတင်တည်ဆောက်ထားသော CSS ပုံစံစာရွက်များ- လူကြိုက်များသောဝဘ်ဆိုဒ်များမှ ကြိုတင်တည်ဆောက်ထားသော CSS ပုံစံစာရွက်များကို သင်ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။ သင့်ကိုယ်ပိုင် ဝဘ်ဆိုက်တွင် ပုံစံများကို လျင်မြန်လွယ်ကူစွာ ထည့်သွင်းရန် ၎င်းတို့ကို အသုံးပြုနိုင်သည်။
Gist ပံ့ပိုးမှု- Dabblet သည် GitHub Gists ကို ပံ့ပိုးပေးထားပြီး သင့်ကုဒ်အတိုအထွာများကို အခြားသူများနှင့် အလွယ်တကူ သိမ်းဆည်းပြီး မျှဝေနိုင်စေပါသည်။
တိုက်ရိုက်ကို Preview: စာမျက်နှာကို ပြန်လည်စတင်ခြင်းမပြုဘဲ သင့်ကုဒ်ပြောင်းလဲမှုများ၏ ရလဒ်များကို အချိန်နှင့်တပြေးညီ မြင်တွေ့နိုင်သည်။ ဥပမာအားဖြင့်၊ သင်သည် စာသားတစ်ခု၏အရောင်ကို ပြောင်းပါက၊ သင်ရိုက်လိုက်သည့်အတိုင်း စာသားပေါ်တွင် ရောင်ပြန်ဟပ်သည့် အပြောင်းအလဲကို မြင်တွေ့ရမည်ဖြစ်သည်။
ကီးဘုတ်ဖြတ်လမ်းများ Dabblet တွင် စတိုင်စည်းမျဉ်းအသစ်ကို ပေါင်းထည့်ခြင်း သို့မဟုတ် မှတ်ချက်ပေးခြင်းကဲ့သို့သော အများသုံးလုပ်ဆောင်စရာများအတွက် ကီးဘုတ်ဖြတ်လမ်းများရှိသည်။
မြင်ကွင်းမုဒ်များစွာ- Dabblet သည် ကုဒ်နှင့် ရလဒ်များကို ဘေးချင်းကပ် သို့မဟုတ် အထက်နှင့် အောက်တွင် တစ်ခုနှင့်တစ်ခု မြင်နိုင်စေမည့် မြင်ကွင်းမုဒ်များစွာကို ပံ့ပိုးပေးပါသည်။
Pros
- အမြန် CSS
- သင်လက်မှတ်ထိုးဝင်ထားသော်လည်း၊ သင်သည် ရုပ်ဖျက်ထားနိုင်ဆဲဖြစ်သည်။
- ထောင့်များ၊ အရောင်များ၊ ကြာချိန် စသည်တို့ကဲ့သို့ အမျိုးမျိုးသော ဘောင်များအတွက် CSS တန်ဖိုးကို အစမ်းကြည့်ရှုသူများ။
- အရာအားလုံးသည် XHR-ed ဖြစ်သောကြောင့် သင်သိမ်းဆည်းသည့်အချိန်တွင်ပင် စာမျက်နှာသည် ဘယ်သောအခါမှ ပြန်လည်စတင်မည်မဟုတ်ပါ။
- ကီးဘုတ်ဖြတ်လမ်းများ အများအပြား။
- ကုဒ်အားလုံးသည် အလိုအလျောက် ဖော်မတ်လုပ်ထားသည် (အမှတ်အသားပြုခြင်းမှလွဲ၍)။
- မိတ်သင်္ဂဟမှ ခိုင်မာသောစာရွက်စာတမ်း။
အားနည်းချက်များ
- အင်တာဖေ့စ်သည် အစပိုင်းတွင် အနည်းငယ်ရှုပ်နေသော်လည်း သင်သည် ၎င်းကို ကျင့်သုံးသည်။
- ပရောဂျက်အဆင့် စီမံခန့်ခွဲမှုအင်္ဂါရပ်များ (မရှိသေးပါ)။
Dabblet ပေါင်းစပ်မှုများ
မည်သည့်ပလက်ဖောင်းမဆို အခြားဝန်ဆောင်မှုများနှင့် ပေါင်းစပ်ရန်လိုအပ်ပြီး Dabblet သည် ချွင်းချက်မဟုတ်ပါ။ အောက်ပါတို့သည် Dabblet ကမ်းလှမ်းသော ပေါင်းစပ်မှုအချို့ဖြစ်သည်-
Google Analytics
သင်၏ Google Analytics ခြေရာခံကုဒ်ကို Dabblet စာမျက်နှာများတွင် အလွယ်တကူ ထည့်နိုင်သည်။ ၎င်းသည် သင့်အား သင်၏ Dabblet အတွက် စာမျက်နှာကြည့်ရှုမှုများနှင့် အခြားစာရင်းအင်းများကို ခြေရာခံနိုင်စေမည်ဖြစ်သည်။
Ubuntu ကို
Ubuntu အပြင်အဆင်များဖန်တီးရန် Dabblet ကိုသုံးနိုင်သည်။ Dabblet အသစ်တစ်ခု ဖန်တီးနိုင်သည်၊ CSS နှင့် HTML ကုဒ်ကို ပေါင်းထည့်ကာ ဝဘ်ဘရောက်ဆာတွင် အပြင်အဆင်ကို အစမ်းကြည့်ရှုနိုင်သည်။
DigitalOcean
တစ်မျိုးတည်းသော cloud hosting ကုမ္ပဏီသည် စီးပွားရေးလုပ်ငန်းများအတွက် cloud computing ဝန်ဆောင်မှုများကို ပံ့ပိုးပေးသောကြောင့် ၎င်းတို့၏လုပ်ငန်းဆောင်တာများကို ပိုမိုထိရောက်စွာ ကြီးထွားလာစေပါသည်။
Dabblet က အဲဒါနဲ့ ဘာလုပ်တာလဲ။
ယခုတွင် သင်သည် သင်၏ Dabblets ကို ဖန်တီး၊ စီမံပြီး အသုံးပြုနိုင်ပါသည်။ DigitalOcean Spaces
၎င်းသည် သင့်အား သင့်ကုဒ်အတိုအထွာများအားလုံးကို တစ်နေရာတည်းတွင် ထားရှိနိုင်စေပြီး ၎င်းတို့ကို အခြားသူများနှင့် မျှဝေရန် လွယ်ကူစေသည်။
Dabblets အတွက် ရွေးချယ်စရာများ
အခြားရွေးချယ်စရာများသည် အမြဲရှိနေကြပြီး တူညီသော သွေးကြောထဲတွင်၊ Dabblet နှင့်ပတ်သက်လာသောအခါ စဉ်းစားရမည့်အချက်အချို့မှာ ဤအရာဖြစ်သည်။
Pastebin.com
ပရိုဂရမ်မာများသည် ယေဘုယျအားဖြင့် အရင်းအမြစ်ကုဒ် သို့မဟုတ် ဒေတာအပိုင်းအစများကို သိမ်းဆည်းရန် ဝဘ်ဆိုက်ကို အသုံးပြုကြသည်။ သို့သော် မည်သူမဆို ပေးထားသည့် နေရာကို စာသားတစ်ခုခု ထည့်နိုင်သည်။
JS Bin
JS Bin သည် JavaScript အတွက် အခမဲ့စမ်းသပ်ကိရိယာတစ်ခုဖြစ်သည်။ အကွက်တစ်ခုတွင် Javascript နှင့် အခြားတစ်ခုရှိ HTML ကို ထည့်သွင်းပြီးသည်နှင့် ရလဒ်ကို URL အတိုဖြင့် မျှဝေနိုင်သည်။ အသုံးအများဆုံး JS စာကြည့်တိုက်များထဲမှ အချို့ကို ရွေးချယ်နိုင်စေမည့် မီနူးကို အသုံးပြုပါ။
CssDeck
ဤကိရိယာသည် သင့်ကုဒ်ရေးခြင်းတွင် သင့်အား ကူညီပေးနိုင်သည့် အခြားသူများနှင့် စမ်းသပ်မှုကိစ္စများကို ဖန်တီးခြင်းနှင့် ဖလှယ်ခြင်းအတွက် အလွန်ကောင်းမွန်ပါသည်။ ရွေးချယ်စရာအမျိုးမျိုးဖြင့်၊ သင်သည် အခြားပရိုဂရမ်မာများနှင့် ပရောဂျက်များကို ချက်ချင်းပင် ပူးပေါင်းလုပ်ဆောင်နိုင်သည်။
Plunker
Plunker သည် ဝဘ်ဆော့ဖ်ဝဲရေးသားသူများ၏ အကြံဉာဏ်၊ ပူးပေါင်းဆောင်ရွက်ခြင်းနှင့် ၎င်းတို့၏ အတွေးအမြင်များကို မျှဝေနိုင်သည့် ဒစ်ဂျစ်တယ်ပလပ်ဖောင်းတစ်ခုဖြစ်သည်။
ဥပမာအားဖြင့် သင်သည် "မင်္ဂလာပါ ကမ္ဘာ!" ဖြင့် စတင်နိုင်သည်။ ကြွယ်ဝသောသင်ယူမှုအတွေ့အကြုံကိုဖန်တီးရန် မည်သည့်ဘာသာစကားဖြင့်မဆို ပရိုဂရမ်နှင့် ကုဒ်အတိုအထွာများ၊ အမှတ်အသားများနှင့် ဖန်သားပြင်ဓာတ်ပုံများကို ပေါင်းထည့်ပါ။
ဗိုလ်လုပွဲသမ်မာကမျြး
နိဂုံးချုပ်အားဖြင့်၊ Dabblet သည် ဝဘ်ဆော့ဖ်ဝဲရေးသားသူများ အထူးသဖြင့် လျင်မြန်လွယ်ကူစွာ နည်းလမ်းရှာဖွေနေသူများအတွက် အသုံးဝင်သောကိရိယာတစ်ခုဖြစ်သည်။ သူတို့ရဲ့ကုဒ်ကိုစမ်းသပ်ပါ။
၎င်း၏ အမျိုးမျိုးသော အင်္ဂါရပ်များနှင့် ပေါင်းစပ်မှုများကြောင့် ဤပလပ်ဖောင်းအတွက် အသုံးပြုရန် ခက်ခဲသည်။
ယနေ့စမ်းကြည့်ပါ။
တစ်ဦးစာပြန်ရန် Leave