About Serie
Myanmar CSS Flexbox
CSS Flexbox သည် Responsive website များကို ပြုလုပ်ဖန်တီးရာတွင် အလွန်အသုံးဝင်ပါသည်။ Flexbox ကို အသုံးပြုပြီး ယခင်က CSS property များဖြင့် Elements များကို ခက်ခက်ခဲခဲ နေရာချထားမှုများကို CSS Flexbox နည်းပညာကို အသုံးပြုပြီး လွယ်ကူစွာ ဖန်တီးနိုင်သောကြောင့် CSS Flexbox ကိုလည်း မဖြစ်မနေလေ့လာသင့်ပေသည်။
Episodes
episodesUpdated
2021-08-20Level
Beginner
About Current Episode
15
CSS Flex Shortcuts
draft content 2021-08-20
7:36
1
CSS Display Flex
CSS မှာ HTML element tag တွေကို အပေါ်ကို ရွေ့ချင်တာတို့၊ element တစ်ခုနဲ့ တစ်ခု နေရာပြောင်းချင်တဲ့ အခြေအနေလေးတွေမှာ အရင်တုန်းက display inline ၊ float ၊ position စတဲ့ property တွေကို အသုံးပြုခဲ့ရပါတယ်။ အခုအချိန်မှာတော့ အဲဒါလေးတွေအစား display flex ကိုအသုံးပြုပြီးတော့ element တွေရဲ့ position တွေ ၊ behavior တွေကို မိမိလိုအပ်သလို စီမံနိုင်တာကို တွေ့ရှိရမှာ ဖြစ်ပါတယ်။ 2022-08-19
7:22
2
Display Flex Wrap
Flex box တစ်ခုထဲမှာရှိတဲ့ html element tag တွေ မဆန့်တော့တဲ့ အနေအထားမှာဆိုရင် display flex wrap ကို အသုံးပြုပြီ flex box ထဲက child element တွေကို မဆန့်ရင် အောက်ကို ပြုတ်ဆင်းသွားအောင် လုပ်နိုင်ပါတယ်။ default အနေနဲ့ကတော့ nowrap ဖြစ်ပြီး parent element ရဲ့ width ထဲမှာ အကုန်ဝင်ဆန့်အောင်ပြပေးမှာ ဖြစ်ပါတယ်။ တစ်ခါတစ်လေ flex box ထဲမှာ ရှိတဲ့ child element တွေရဲ့ position ကို ပြောင်းချင်တဲ့ အခါမှာ wrap-reverse ဆိုတဲ့ property value နဲ့ ပြောင်းနိုင်တာကို တွေ့ရမှာ ဖြစ်ပါတယ်။ ဒီအနေအထားမှာ flex ကိုသာ အသုံးမပြုရင် တော်တော်လေး code ရေးယူမှ ရနိုင်မှာ ဖြစ်ပါတယ်။ 2022-08-19
3:37
3
CSS Flex Direction
draft content 2021-08-20
2:55
4
CSS Flex Flow
Flex flow ကတော့ flex direction နဲ့ flex wrap ကို shortcut အနေနဲ့ ၎င်း property value နှစ်ခုကို တစ်ပေါင်းတည်းရေးတဲ့အခါမှာ အများဆုံးအသုံးပြုတာကို တွေ့ရမှာ ဖြစ်ပါတယ်။ 2022-08-23
4:47
5
CSS Justify Content
draft content 2021-08-20
6:49
6
CSS Align Items
draft content 2021-08-20
6:53
7
CSS Align Content
draft content 2021-08-20
5:28
8
CSS Flex Item Order
draft content 2021-08-20
2:56
9
CSS Flex Grow
draft content 2021-08-20
7:00
10
CSS Flex Grow Formular
draft content 2021-08-20
8:36
11
CSS Flex Shrink
draft content 2021-08-20
6:02
12
CSS Flex Shrink Formular
draft content 2021-08-20
11:20
13
CSS Flex Basis
draft content 2021-08-20
5:15
14
CSS Align Self
draft content 2021-08-20
4:22
15
CSS Flex Shortcuts
draft content 2021-08-20
7:36
16
Flex tutorials center box and menu
draft content 2021-08-20
10:07
17
Flex Layout Tutorials
draft content 2021-08-20
16:00