HTML & CSS ဆိုင်ရာ သိမှတ်ဖွယ်ရာများ

Website တစ်ခုဆွဲရင် ရှင်းလင်းပြီး Browser တိုင်းမှာ အစဉ်‌ပြေ‌စေဖို့ဆိုတာက လွယ်ကူတာ‌တော့မဟုတ်ပါဘူး။ Firefox လို Browser ‌တွေက‌တော့ ပြဿနာသိပ်မရှိပါဘူး။ အဓိကက‌တော့ ကိုးလို့ကန့်လန့်နိုင်လွန်းတဲ့ Internet Explorer ဖြစ်ပါတယ်။ ကျွန်‌တော်က‌တော့ Site ‌ရေးတဲ့အခါ IE မှာကြည့်လို့အစဉ်‌ပြေ‌အောင်လုပ်ရတာ အရမ်းမုန်းပါတယ်။ ယခု ဒီ Post မှာ‌တော့ Site ‌ရေးတဲ့အခါမှာ အသုံးဝင်မယ့်…

Read More »

CSS 3 ဖြင့် 3D Ribbon ‌လေးတစ်ခုလုပ်ကြည့်ကြရ‌အောင်

CSS 3 ကိုသုံးပြီး 3D Ribbon ‌လေးတစ်ခုလိုက်လုပ်ကြည့်ကြရ‌အောင်။ ကဲ tutorial ‌လေးစလိုက်ကြရ‌အောင်။ အခု ဒီလိုပုံစံ‌လေး‌ပေါ် ဖို့အတွက် html  file ‌လေးတစ်ခုကိုအရင်‌ရေးကြရ‌အောင်။ <!DOCTYPE HTML> <html lang=”en-US”> <head> <meta charset=”UTF-8″> <title>CSS3 Ribbon</title> <link rel=”stylesheet” type=”text/css” href=”css/reset.css” media=”all” />…

Read More »

Slider with Slide.js

အရင်တစ်ခေါက်က Coin Slider အကြောင်းကို ပြောပြခဲ့ပြီးပါပြီ။ ဒီတစ်ခေါက်တော့ တစ်ဆင့်တက်ပြီး Slide.js ကိုလေ့လာကြည့်ကြရအောင်။ Slide.js က Coin Slider နဲ့ဘာကွာသလဲဆိုတော့ သူက ဘာမှမပါဘူး။ မိမိနှစ်သက်သလို Slider ကိုပုံသွင်းလို့ရတယ်။ နှစ်သက်တဲ့ CSS ကိုရေးပြီးသုံးလို့ရတယ်။ ရေးလွယ်ပြင်လွယ်တယ်။ အရင်ဆုံး HTML5 Structure တစ်ခုလောက်ရေးကြရအောင်။ <!DOCTYPE html> <html…

Read More »

Website Building start from scratch part (4)

ကျွန်တော်တို့ ရှေ့ဆက်ကြပါမယ်။ ကျွန်တော် အရင်က ပုံကြမ်းချပြီးပါပြီ။ ဒီတစ်ခါတော့ ပုံအချောဆွဲထားပါတယ်။ အဲဒီအတွက်ကတော အသေးစိတ် ကျွန်​တော် မရေးတော့ပါဘူး။ ရှေ့ဆက် ရေးဖြစ်မယ့် Coding ပိုင်းကိုတော့ ကျွန်​တော် အသေးစိတ် ရေးပါ့မယ်။ Website တစ်ခုမှ အပိုင်းအားဖြင့် သုံးပိုင်း​ရှိပါတယ်။ Content (HTML) Presentation (CSS) Behavior (JavaScript(jQuery)) ဆိုပြီး ရှိပါတယ်။…

Read More »

Website Building start from scratch Part (3)

နောက်တစ်ပိုင်း ရှေ့ဆက်ပါမယ်။ ပုံကြမ်းရေးဆွဲခြင်းဆိုင်ရင် အထောက်အပံ့များ ပုံကြမ်းရေးဆွဲတဲ့အဆင့်ဟာ အင်မတန်ကို အရေးပါတဲ့အဆင့် ဖြစ်ပါတယ်။ အချက်အလက်စုပြီးတာနဲ့ တစ်ခါတည်း ဒီဇိုင်းတန်းရေးမယ်ဆိုရင် ပြုပြင်တဲ့အခါမှာ အခက်အခဲတွေ ရှိလာပါလိမ့်မယ်။ ကျွန်တော်တို့ Web Development ဆိုတာ ဒီဇိုင်းတစ်ခုတည်း ဆွဲရုံနဲ့ မလုံလောက်ပါဘူး။ ဒီဇိုင်းပုံစံချတယ်ဆိုတဲ့ နေရာမှာ User Interface လို့ခေါ်တဲ့ အစိတ်အပိုင်း တစ်ခုတည်းကို ရေးဆွဲရတာ မဟုတ်ပါဘူး။…

Read More »

CSS3 ၏ box-shadow property အားလေ့လာခြင်း

CSS3 မှာ box-shadow ဆိုတဲ့ property အသစ် ပါဝင်လာခဲ့ပါတယ်။ box-shadow ဆိုတဲ့အတိုင်းပဲ အသုံးပြုချင်တဲ့ element ရဲ့ frame ကနေပြီးတော့ shadow ချပေးတာ ဖြစ်ပါတယ်။ တကယ်လို့ border-radius ဆိုတဲ့ property ကိုသုံးပြီး ထောင့်ချိုးတွေကို ကွေးထားရင်လဲ box-shadow ပါလိုက်ကွေးပေးမှာဖြစ်ပါတယ်။ Box-shadow property ကိုသုံးမယ်ဆိုရင်တော့အောက်ကလို သုံးကြောင်းကြေငြာပေးရပါမယ်။…

Read More »