About Serie
Icons For Your Projects
ယခု series မှာတော့ icons များကို မိမိ project များတွင် မည်သို့အသုံးပြုနိင်သည်၊ အသုံးဝင်နိုင်ပုံများကို တွေ့ရှိရမှာ ဖြစ်ပါတယ်။ icons များသည် UI / UX လုပ်ဆောင်ချက်များအတွက် အလွန်အရေးပါသောကြောင့် လေ့လာသင့်သည့် အကြောင်းအရာထဲတွင် ပါဝင်နေပါသည်။
Episodes
episodesUpdated
2022-04-07Level
Beginner
About Current Episode
4
Fontawesome Icon Sizing
Fontawesome library မှာ default ပါပြီးသားဖြစ်တဲ့ CSS sizing class တွေကို အသုံးပြုနိုင်တာကို တွေ့ရမှာ ဖြစ်ပါတယ်။ တကယ်လို့ သူ့မှာပါတဲ့ sizing တွေနဲ့ မလုံလောက်ဘူးဆိုရင်တော့ မိမိကိုယ်တိုင် CSS style သတ်မှတ်ပြီးလုပ်ဆောင်နိုင်တာကို တွေ့ရှိရမှာ ဖြစ်ပါတယ်။ 2022-04-07
11:59
1
Icon Font Introduction
ယခုသင်ခန်းစာမှာတော့ icon fonts ကို ဘာကြောင့်သုံးသင့်သလဲဆိုတာကိုရှင်းပြထားခြင်း ဖြစ်ပါတယ်။ နောက်ထပ် icon font library တွေထဲမှာ နာမည်ကြီးတဲ့ Fontawesome ဆိုတဲ့ library အကြောင်းကို ရှင်းပြထားခြင်း ဖြစ်ပါတယ်။ ထိုနောက် desktop ထဲမှာ ၄င်းစာလုံး font icon အသုံးပြုပုံကို ရှင်းပြထားခြင်း ဖြစ်ပါတယ်။ 2022-04-07
9:30
2
Adding Fontawesome Into HTML
Fontawesome Library ကို HTML ထဲမှာ ထည့်လို့ရတဲ့ နည်းလမ်းတွေအများကြီး ရှိပါတယ်။ အဲဒီအထဲကမှာ font ကို embeded လုပ်ပြီးထည့်တဲ့ နည်းလမ်းကို ရှင်းပြထားခြင်း ဖြစ်ပါတယ်။ fontawesome မှာ icon style (၅) မျိုးရှိပါတယ်။ solid ၊ regular ၊ light ၊ thin ၊ duotone ၊ brands တို့ ဖြစ်ကြပြီး CSS class ကို ရေးတဲ့အခါမှာလည်း fontawesome ကို အတိုကောက်အနေနဲ့ fa လို့ရေးပြီး ဥပမာ solid style အတွက်ဆိုရင် fa-solid ဆိုပြီး ရေးလေ့ရှိပါတယ်။ 2022-04-07
20:00
3
Fontawesome Class In HTML Tags & CSS Pseudo Class
Fontawesome CSS class တွေကို HTML tag တွေထဲမှာ ထည့်တဲ့အခါ သူ့ရဲ့ documentation မှာ ဖြစ်ပြထားသလို italic tag တွေကို သုံးမဟုတ်ပါဘူး တစ်ခြား မိမိကြိုက်နှစ်သက်ရာ HTML tag တွေကို အသုံးပြုနိုင်တယ်ဆိုတာကို တွေ့ရှိရမှာ ဖြစ်ပါတယ်။ နောက်ပြီးတော့ Fontawesome unicode character တွေကို အသုံးပြုပြီးတော့ CSS ရဲ့ Pseudo Class တွေထဲမှာပါ ထည့်လို့ရတယ်ဆိုတာကို တွေ့ရှိရမှာ ဖြစ်ပါတယ်။ 2022-04-07
9:01
4
Fontawesome Icon Sizing
Fontawesome library မှာ default ပါပြီးသားဖြစ်တဲ့ CSS sizing class တွေကို အသုံးပြုနိုင်တာကို တွေ့ရမှာ ဖြစ်ပါတယ်။ တကယ်လို့ သူ့မှာပါတဲ့ sizing တွေနဲ့ မလုံလောက်ဘူးဆိုရင်တော့ မိမိကိုယ်တိုင် CSS style သတ်မှတ်ပြီးလုပ်ဆောင်နိုင်တာကို တွေ့ရှိရမှာ ဖြစ်ပါတယ်။ 2022-04-07
11:59
5
Fontawesome Fixed Width And List Style
Fontawesome မှာ icon တစ်ခုကို တိကျတဲ့ width တစ်ခု သတ်မှတ်ဖို့အတွက်ဆိုရင် fa-fw ကို အသုံးပြုနိုင်တာကို တွေ့ရှိရမှာ ဖြစ်ပါတယ်။ ပြီးတော့ icon တွေနဲ့ list style တွေနဲ့ တွဲသုံးဖို့အတွက် fa-ul ၊ fa-li ဆိုတဲ့ CSS class လေးတွေနဲ့ အသုံးပြုနိုင်တာကို တွေ့ရှိရမှာ ဖြစ်ပါတယ်။ 2022-04-07
10:37
6
Fontawesome Rotate
Font icon တစ်ခုကို rotate လုပ်ဖို့အတွက်ကတော့ CSS ကို နားလည်းတဲ့သူတွေဆိုရင် transform CSS property ကို အသုံးပြုလိုက်ရင်ရပေမယ် Fontawesome မှာ တော့ တစ်ခါတည်း ပါပြီးသားမလို့ fa-rotate-x CSS class ကို အသုံးပြုလိုက်ရုံပါပဲ။ 2022-04-07
4:27
7
Fontawesome Animation
Fontawesome library မှာ icon တွေကို animate လုပ်ဖို့အတွက် fa-fade ၊ fa-bounce ၊ fa-flip ၊ fa-beat တွေထဲက ကြိုက်နှစ်သက်ရာကို အသုံးပြုပြီးတော့ လုပ်ဆောင်နိုင်တာကို တွေ့ရှိရမှာ ဖြစ်ပါတယ်။ တကယ့်လက်တွေ့ အလုပ်တွေမှာတော့ အများကြီးအသုံးမဝင်လှပေမယ် ဒီလို့ CSS class လေးတွေရှိပါလား ဆိုတာကို သိရှိရင်ရပါပြီ။ 2022-04-07
3:54
8
Icon Font Library
Icon library တွေနဲ့ ပတ်သတ်ရင် fontawesome တစ်ခုတည်းမဟုတ်ပါဘူး။ တစ်ခြား material icon ၊ Bootstrap icon ၊ Lonicons စသဖြင့် များစွာရှိပါတယ်။ Font icon library တွေကို ရွေးချယ်တဲ့အခါ မိမိ project နဲ့ သင့်တော်မယ့်တစ်ခုကို ရွေးချယ်တတ်ဖို့ လိုပါတယ်။ project တစ်ခုတည်းမှာပဲ icon fonts အများကြီးကို မလိုအပ်ပဲ သုံးထားရင်လည်း မိမိရဲ့ application က loading speed မှာ နှေးသွားစေနိုင်ပါတယ်။ 2022-04-07
17:03