← ကိရိယာများ
ဒီဇိုင်း & CSS
အရောင်များဖန်တီးခြင်း၊ တုံ့ပြန်နိုင်သောအရွယ်အစားနှင့် ထုတ်လုပ်ရန်အဆင်သင့်ဖြစ်သော CSS။
အရောင်နှင့် အသုံးပြုနိုင်မှု
- အရောင်ပြောင်းလဲကိရိယာHEX, RGB, HSL, HSV, CMYK နှင့် LAB အကြား အရောင်များကို ပြောင်းလဲပါ — မည်သည့်အကွက်ကိုမဆို ပြင်ဆင်ပါက ကျန်အကွက်များ အလိုအလျောက် အပ်ဒိတ်ဖြစ်သွားပါမည်။အထူးပြု စာမျက်နှာများ (8)
- Contrast စစ်ဆေးကိရိယာWCAG contrast အချိုးနှင့် မည်သည့် AA နှင့် AAA အဆင့်များ အောင်မြင်သည်ကို ကြည့်ရှုရန် စာသားနှင့် နောက်ခံအရောင်ကို ထည့်သွင်းပါ။
CSS Layout နှင့် အကျိုးသက်ရောက်မှုများ
- Box Shadow ဖန်တီးကိရိယာbox-shadow တစ်ခုကို ပုံဖော်ရန် ဆလိုက်ဒါများကို ဆွဲယူပါ၊ ပိုမိုနက်ရှိုင်းစေရန် အလွှာများကို ထပ်ဆင့်ပြီး ပြီးပြည့်စုံသော CSS ကို ချက်ချင်း ကူးယူပါ။
- Gradient ဖန်တီးကိရိယာlinear၊ radial သို့မဟုတ် conic gradient တစ်ခုကို တည်ဆောက်ပါ၊ color stop များ ထည့်သွင်းပြီး လမ်းကြောင်းကို သတ်မှတ်ကာ CSS ကို တစ်ချက်နှိပ်ရုံဖြင့် ကူးယူပါ။
- Border Radius ဖန်တီးကိရိယာဆလိုက်ဒါများဖြင့် ထောင့်တစ်ခုစီကို လုံးဝန်းစေပြီး၊ elliptical မုဒ်ဖြင့် သဘာဝကျသော blob ပုံစံများကို ဖန်တီးကာ CSS ကို ချက်ချင်း ကူးယူပါ။
- Flexbox ဖန်တီးကိရိယာflex container နှင့် ၎င်း၏ အိုင်တမ်များကို visual control များဖြင့် သတ်မှတ်ပါ၊ layout ပြောင်းလဲပုံကို တိုက်ရိုက်ကြည့်ရှုပြီး CSS ကို တစ်ချက်နှိပ်ရုံဖြင့် ကူးယူပါ။
- CSS Grid ဖန်တီးကိရိယာသင့် columns နှင့် rows များကို သတ်မှတ်ပါ၊ အိုင်တမ်များ နေရာချရန် ဆဲလ်များပေါ်တွင် ဆွဲယူပါ၊ grid CSS နှင့် ကိုက်ညီသော HTML ကို တစ်ချက်နှိပ်ရုံဖြင့် ကူးယူပါ။
- CSS Cubic Bezier ဖန်တီးကိရိယာeasing curve တစ်ခုကို ပုံဖော်ရန် လက်တံနှစ်ခုကို ဆွဲယူပါ၊ ပုံမှန်အရှိန်နှင့် နှိုင်းယှဉ်ကြည့်ရှုပြီး cubic-bezier() တန်ဖိုးကို ကူးယူပါ။
- CSS clamp() တွက်ချက်ကိရိယာမျက်နှာပြင်အသေးနှင့် အကြီးအတွက် အရွယ်အစားတစ်ခုကို ထည့်သွင်းပြီး ၎င်းတို့အကြား ချောမွေ့စွာ ပြောင်းလဲပေးနိုင်သော clamp() တန်ဖိုးကို ရယူပါ — စာလုံးအရွယ်အစား၊ padding၊ margin သို့မဟုတ် gap များအတွက် သုံးနိုင်သည်။
ဖောင့်စစ်ဆေးခြင်းနှင့် လိုင်စင်
မျက်နှာပြင်၊ ပုံနှိပ်ခြင်းနှင့် အချိုးအစား
- ပစ်ဇယ် / DPI ပြောင်းစက်မည်သည့် DPI/PPI တွင်မဆို ပစ်ဇယ်များကို လက်မ၊ cm နှင့် mm သို့ ပြောင်းလဲပါ — မျက်နှာပြင် ဒီဇိုင်းနှင့် ပုံနှိပ်လုပ်ငန်း နှစ်ခုစလုံးအတွက် အသုံးပြုနိုင်ပါသည်။
- မျက်နှာပြင် PPI တွက်စက်ပစ်ဇယ်သိပ်သည်းဆ၊ dot pitch၊ ရုပ်ပိုင်းဆိုင်ရာ အတိုင်းအတာများနှင့် အခြားအရာများကို ရရှိရန် ရုပ်ထွက်နှင့် မျက်နှာပြင်အရွယ်အစားကို ထည့်သွင်းပါ။
- px မှ rem နှင့် em သို့ ပြောင်းလဲကိရိယာသင့်ကိုယ်ပိုင် root နှင့် context စာလုံးအရွယ်အစားများကို အသုံးပြု၍ px၊ rem နှင့် em အကြား ပြောင်းလဲပါ — မည်သည့်အကွက်ကိုမဆို ပြင်ဆင်ပါက ကျန်နှစ်ခုသည် သင်ရိုက်ထည့်လိုက်သည်နှင့် အလိုအလျောက် အပ်ဒိတ်ဖြစ်သွားပါမည်။
ဤအမျိုးအစားတွင် ကိုက်ညီသောကိရိယာမရှိပါ။