Website ေရးနည္း အပုိင္း (၄ + ၅) - html5 and css3

မဂၤလာပါ၊

Singapore Web Design website (web-designer.sg) ကုိ ဥပမာ ထားၿပီးေတာ့ website ေရးနည္းကုိ သင္ျပေပးထားတဲ့ video tutorial ျဖစ္ပါတယ္။ HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီး ေရးျပထားပါတယ္။ CSS sprite ေရးနည္းကုိလည္း ဒီတစ္ပတ္ သင္ခန္းစာမွာ သင္ေပးထားပါတယ္။ video ႏွစ္ဖုိင္မွာ တစ္ဖုိင္က အရမ္းတုိးေနပါတယ္။ အသံသြင္းေနတုန္း mic က ဘာျဖစ္သြားလဲ မသိဘူး၊ ဒါေပမယ့္ vlc medai player နဲ႔ အသံကုိ ၂၀၀% ေလာက္ထား နားေထာင္ရင္ ၾကားရပါတယ္။

အရင္တစ္ေခါက္က ေရးတာေတာ့ ေတာ္ေတာ္ေလးၿပီးေနပါၿပီ၊ ကၽြန္ေတာ္တင္ေပးတဲ့ video သင္ခန္းစာေတြကုိ ေတာက္ေလွ်ာက္လုပ္လာတဲ့လူကေတာ့ ဒီအခ်ိန္မွာ website တစ္ခုရဲ႕ စာမ်က္ႏွာ တစ္ဝက္ေလာက္ ၿပီးေနမွာပါ၊ အခုတင္ေပးမယ့္ သင္ခန္းစာ ႏွစ္ခုနဲ႔ပါေပါင္းလိုက္ရင္ေတာ့ website တစ္ခုရဲ႕ စာမ်က္ႏွာ ေလးပုံ သုံးပုံေလာက္ေတာင္ ၿပီးေနမွာပါ။

 အရင္တုန္းက တစ္ပတ္ကုိ သင္ခန္းစာ တစ္ခုပဲ တင္ေပးေပမယ့္ ဒီေန႔ေတာ့ video သင္ခန္းစာ ႏွစ္ခု တင္ေပးလိုက္ပါတယ္။ အားလုံးပဲ လုိက္လုပ္ၾကည့္ပါဦး၊ video သင္ခန္းစာေတြ ၿပီးရင္လည္း ကၽြန္ေတာ္ ေရးထားတဲ့ website files ေတြ အားလုံးကုိ တင္ေပးပါ့မယ္။ ဒီတစ္ပတ္အတြက္ video သင္ခန္းစာေတြကေတာ့ ...

HTML5, CSS3 နဲ႔ Website ေရးနည္း အပုိင္း (၃)

Singapore Web Design (web-designer.sg) website ကုိ နမူနာထားၿပီး website ေရးနည္းကုိ သင္ေပးထားေသာ သင္ခန္းစာျဖစ္ပါတယ္။ ဒီေန႔ တင္ေပးမွာကေတာ့ website ေရးနည္း အပုိင္းသုံး ျဖစ္ပါတယ္။ စာအျဖစ္နဲ႔ေတာ့ ေထြေထြထူးထူး ေျပာစရာမရွိပါဘူး၊ အားလုံး video ထဲမွာ ေျပာျပေပးထားပါတယ္။ ဒီတစ္ေခါက္ video ကေတာ့ နည္းနည္းေလး ရွည္ပါတယ္။ တစ္ကယ္လို႔ youtube က video ေတြ download လုပ္လို႔ မရဘူးဆုိရင္ http://www.downvids.net/ ကုိသြားၿပီးေတာ့ video ရဲ႕ လိပ္စာကုိ paste လုပ္ၿပီး download လုပ္ႏုိင္ပါတယ္။ အဲဒါကုိ အခက္အခဲရွိေနဦးမယ္ဆုိရင္လည္း သိပါရေစ၊ comment ခ်န္ခဲ့ပါ၊ တစ္ျခားေနရာမွာ တင္ေပးလိုက္ပါမယ္။ အရင္က သင္ခန္းစာေတြ ျပန္ၾကည့္ခ်င္တယ္ဆုိရင္ေတာ့ အပုိင္း (၁) HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီးေတာ့ Website ေရးနည္း (အပုိင္း ၁) အပုိင္း (၂) Website ေရးနည္း video သင္ခန္းစာ အပုိင္း ၂ (by using HTML5 and CSS3)

အပုိင္း (၃) video ကေတာ့ ေအာက္မွာပါ



HTML5, CSS3 နဲ႔ Website ေရးနည္း အပုိင္း (၃) မွ ကူးယူ ေဖာ္ျပပါသည္။

Website ေရးနည္း video သင္ခန္းစာ အပုိင္း ၂ (by using HTML5 and CSS3)


အရင္ တစ္ေခါက္က html5, css3 နဲ႔ website ေရးနည္း သင္ခန္းစာ ကုိ ၾကည့္ျဖစ္ၾကမယ္ထင္ပါတယ္။ ဒီတစ္ေခါက္ သင္ခန္းစာမွာေတာ့ main menu ေရးပုံကုိ သင္ျပေပးထားပါတယ္။ Singapore Web Design (web-designer.sg)ဆုိက္ကုိ နမူနာ ထားၿပီးေတာ့ ေရးနည္း သင္ေပးထားတာပါ။ အခက္အခဲရွိရင္ေတာ့ comment ေရးခဲ့ပါ။ အရင္တစ္ေခါက္က video ၾကည့္ၿပီး တစ္ခ်ဳိ႕လည္း feed back ေလးေတြေပးၾကတယ္၊ အသံက သိပ္မရွင္းဘူးတုိ႔၊ code ေတြကုိ သိပ္မျမင္ရဘူးတုိ႔ေပါ့ဗ်ာ၊ ၿပီးေတာ့ စကားေျပာတာ ေျပာခ်င္သလိုမေျပာခ်င္သလို ျဖစ္ေနတယ္တဲ့ :D အဲဒါေတြအားလုံးက video ကုိ download လုပ္ရင္ မၾကာေအာင္လို႔ အတတ္ႏုိင္ဆုံးအခ်ိန္ကုိ ခ်ဳံ႕တဲ့ သေဘာပါ၊ video minutes ေတြ မၾကာေအာင္၊ မမ်ားေအာင္၊ စကားကုိ ျမန္ျမန္ေျပာရပါတယ္။ အဲဒါေၾကာင့္ စကားက ေျပာခ်င္သလို မေျပာခ်င္သလို ျဖစ္ေနႏုိင္ပါတယ္။ နားမလည္လိုက္ရင္ ျပန္ရစ္ၿပီး နားေထာင္ေပးပါ။ အသံသိပ္မရွင္းလိုက္တာမ်ဳိးဆုိရင္ ျပန္ျပန္ရစ္ၿပီး နားေထာင္ပါ၊ နားလည္သြားပါလိမ့္မယ္။ code ေတြကုိ ေသခ်ာမျမင္ရတာမ်ဳိးဆုိရင္ေတာ့ video ကုိ full screen ခ်ဲ႕ၿပီးၾကည့္ပါ၊ ဒါဆုိရင္ အဆင္ေျပသြားမယ္လို႔ ေမွ်ာ္လင့္ပါတယ္။ ကုိယ္က download လုပ္ၿပီးသြားရင္လည္း download လုပ္ရတာ အခက္အခဲရွိတဲ့သူေတြကုိ မွ်ေဝေပးေပါ့ဗ်ာ။ သူမ်ားကို ေပးကမ္းတဲ့အလုပ္က ျမင့္ျမတ္သူေတြမွ လုပ္ႏုိင္တာတဲ့ဗ်။


Credit: Website ေရးနည္း video သင္ခန္းစာ အပုိင္း ၂ (by using HTML5 and CSS3)

HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီးေတာ့ Website ေရးနည္း (အပုိင္း ၁)

မဂၤလာပါ၊ အရင္တစ္ေခါက္တုန္းကေတာ့ html4 နဲ႔ css2 ကုိ အသုံးျပဳၿပီး website ေရးနည္း ကုိ video recording နဲ႔ တင္ေပးဖူးပါတယ္။ ဒီတစ္ေခါက္မွာေတာ့ ေနာက္ဆုံးေပၚျဖစ္တဲ့ HTML5 နဲ႔ CSS3 ကုိသုံးၿပီးေတာ့ website ေရးတာကုိ video recording လုပ္ထားေပးပါတယ္။ (web-designer.sg) website ရဲ႕ design ကုိ ၾကည့္ၿပီးေတာ့ HTML5 နဲ႔ CSS3 coding ကုိ ျပန္ေရးျပတာ ျဖစ္ပါတယ္။ video ကုိ download လုပ္ရတာအဆင္ေျပေအာင္၊ video လည္း ဝါးတားတားမျဖစ္ေအာင္ အေကာင္းဆုံး size ကုိ ခ်ိန္ၿပီးေတာ့ တင္ထားေပးပါတယ္။ ၾကည့္ရတာ အဆင္မေျပဘူး ေသခ်ာမရွင္းဘူးဆုိရင္ေတာ့ video ကုိ full screen ေျပာင္းၿပီး ၾကည့္ပါ။ full screen ကုိ ေအာက္ကပုံမွာ ဝုိင္းျပထားတာေလးကုိ ႏွိပ္လိုက္ရင္ အက်ယ္ျမင္ရပါၿပီ။

  youtube full screen   

 သင္ခန္းစာ Video ၾကည့္မယ္ဆုိရင္ေတာ့ ေအာက္မွာပါ။


Credit: HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီးေတာ့ Website ေရးနည္း (အပုိင္း ၁)