HTML 5 ဆိုတာကေတာ့ အခုေနာက္ပိုင္း ေခတ္စားလာပါတယ္။ အခုေနာက္ပိုင္း Browser ေတြဟာ HTML5 ကို support လုပ္လာပါျပီ။ ေနာက္ပိုင္းမွာ website ေတြဟာ HTML5 ကို အဓိက အသံုးျပဳေတာ့မွာပါ။ HTML5 ဆိုတာဘာလဲ။ HTML5 က ဘာေတြ ထူးလဲ။ HTML5 ကို ဘယ္မွာေလ့လာလို႕ရမလဲ။ HTML 5 ~= HTML 5 + jsAPI + CSS3 လို႕ ဆိုလို႕ရပါတယ္။ HTML ဆိုတာက tag ေတြပါပဲ။ ထူးထူးျခားျခားရယ္လုိ႕ မရိွလာေပမယ့္ HTML5 နဲ႕ အတူ တြဲပါလာတဲ့ javascript API အသစ္ေတြနဲ႕ CSS3 က ထူးျခားမႈေတြ ျဖစ္ေစပါတယ္။

Text formatting ဆိုတာကေတာ့ စာလံုးေတြကို အေရာင္ထည့္တာေတြ ေနာက္ျပီး font ေတြေျပာင္းတာ alignment လုပ္တာ စတာေတြကို css ကို ေဆာင္ရြက္လို႕ရပါတယ္။ Text Color text color ကိုေတာ့ CSS မွာ color လို႕သံုးပါတယ္။ ေအာက္မွာ ဥပမာ ၾကည့္ပါ။ လို႕ဆိုရင္ body စာလံုးေတြက အနီေရာင္နဲ႕ ျပေပးမွာပါ။ Text alignment text alignment ကေတာ့ left, right , center,justify ဆိုျပီး သတ္မွတ္ေပးတာပါ။ ကၽြန္ေတာ္တို႕ html မွာက align နဲ႕ လုပ္ခဲ့တာ မွတ္မိအံုးမယ္ထင္ပါတယ္။ CSS မွာကေတာ့ left ကေတာ့ default ပါ။ [...]

Cheat Sheet ဆိုတာကေတာ့ ကၽြန္ေတာ္တို႕ေတြ ပံုမွန္ မ်ားျပားလွတဲ့ reference ေတြကို လိုအပ္ျပီး အသံုးဝင္တာေတြ စုစည္းထားတာကို ဆိုတာပါ။ တနည္းေျပာရင္ quick reference လို႕ ဆိုလို႕ရပါတယ္။ ကၽြန္ေတာ္ HTML, CSS , jQuery အေၾကာင္း MZ Edu မွာ ေရးခဲ့ဘူးပါတယ္။ အခု Web Development လုပ္မယ့္သူေတြအေနနဲ႕ HTML, CSS , jQuery တုိ႕ကို သိထားဖုိ႕လိုအပ္ပါတယ္။ ေရးသားရာမွာလည္း လြယ္လြယ္ကူကူ reference လုပ္လို႕ရေအာင္ cheat sheet ေလးေတြ ေဆာင္ထားဖို႕လည္း လုိအပ္ပါတယ္။

HTML အေၾကာင္းကို ကၽြန္ေတာ္ ေရးခဲ့ျပီးပါျပီ။ ေရးထားခဲ့တဲ့ စာအုပ္က HTML4 အေၾကာင္းပါ။ အခု HTML5 မွာ ပါဝင္လာတဲ့ feature ေတြထဲက form အေၾကာင္း ထပ္မံျဖည့္စြက္ထားပါတယ္။ Placeholder textbox မွာ စာမျဖည့္ခင္ textbox information ျပထားခ်င္တဲ့အခါမွာ အရင္တုန္းက jquery ကို သံုးျပီးေရးရတယ္။ အဲဒီလို ေရးမယ့္ အစား HTML5 မွာ placeholder ဆိုတဲ့ attribute ကို သံုးလို႕ရပါတယ္။ code ကိုေတာ့ ဒီလိုေရးတယ္။ အဲဒီ code ေလးက လက္ရိွ webkit borwser ေတြမွာ အလုပ္လုပ္ပါတယ္။ Firefox 3.6 မွာေတာ့ အလုပ္မလုပ္ေသးပါဘူး။ ေနာက္ပိုင္း version [...]

Chapter 2: CSS Styling CSS မွာ property က အမ်ားၾကီးရိွပါတယ္။ အရင္ chapter တုန္းကေတာ့ color property နဲ႕ပဲ ဥပမာ ျပသြားပါတယ္။ CSS Background Background ကို မေျပာခင္ background  နဲ႕ လုပ္ထားတဲ့ CSS ေလးကို ျပပါတယ္။

960gs css framework ကို ဘယ္လို အသံုးျပဳရမလဲဆုိတာ video ေလးနဲ႕ ျပထားပါတယ္။

IntroCSS ဆိုတာကေတာ့ Web Essential ပိုင္းမွာ မသိမျဖစ္ လိုအပ္ပါတယ္။ Web ပိုင္းမွာ HTML တစ္ခုတည္းတတ္ေနရံုနဲ႕ မရပါဘူး။ HTML က သင့္ site တစ္ခုလံုးကို လွသြားေအာင္ ေဆာက္ရြက္ေပးႏိုင္မွာမဟုတ္ဘူး။ CSS ကို HTML တတ္ျပီးတဲ့သူတိုင္း အလြယ္တကူ ေလ့လာႏုိင္ပါတယ္။ ကၽြန္ေတာ္တုိ႕ေတြ Internet website ေတြမွာ ျမင္ေနရတဲ့ site ေတြ အားလံုးဟာ CSS ကို အသံုးျပဳထားပါတယ္။ HTML နဲ႕ တည္ေဆာက္ျပီး လွပေအာင္ တန္ဆာဆင္ဖို႕ CSS ကို ေလ့လာထားဖို႕လိုအပ္ပါတယ္။ကၽြန္ေတာ့္အေနနဲ႕လည္း ဘယ္လိုေရးရလဲဆိုတဲ့ အေျခခံနဲ႕ ဘာေတြ ရိွတယ္။ ဘာေတြ သံုးလို႕ရလဲဆိုေတာ့ ကိုပဲ ရွင္းျပေပးႏိုင္ပါတယ္။ CSS ဟာက်ယ္ျပန္႕ျပီးေတာ့ ကိုယ့္ [...]

Web Page မ်ားကိုေရးသားျခင္း၏ အေျခခံအုတ္ျမစ္ျဖစ္ေသာ HTML (Hyper Text Markup Language) ႏွင့္ CSS (Cascading Style Sheet) ဆိုင္ရာ ေလ့က်င့္ခန္းမ်ားကို (W3 Schools) မွ ဘာသာျပန္ဆိုတည္းျဖတ္၍ အတတ္ႏိုင္ဆံုး စံုလင္ေအာင္ ေလ့လာ ျပဳစု တင္ျပထားသည္။ နည္းပညာလမ္းေၾကာင္းေပၚမွာ အေျခခံအက်ဆံုး အ႐ိုးရွင္းဆံုးနဲ႔ နားလည္အလြယ္ဆံုး Webpage ေရးနည္းကိုျပပါဆိုရင္ HTML ပဲရွိပါတယ္… ဒါကိုနားမလည္ရင္.. ဘာမွ အလုပ္မျဖစ္ပါဘူး Pro မျဖစ္ႏိုင္ပါဘူး… ဘာပဲျဖစ္ျဖစ္ ၾကားနာမွတ္သားဖူးသမွ် ေ၀မွ်ပါတယ္.. နားလည္ၿပီးသူမ်ားအတြက္ မရည္ရြယ္ပါ.. စတင္ေလ့လာလိုသူမ်ားအတြက္သာ အထူးဦးတည္ ေရးသားတာျဖစ္ပါတယ္.. ကၽြန္ေတာ္ သိလြန္းလို႔မဟုတ္ပါ.. အထက္မွာ ဆိုခဲ့သလို “ဧ၀ံေမ သုတံ ” ပါလို႔ ထပ္ၿပီး [...]

Chapter 2 : Selector Jquery မွာ CSS မွာ အသံုးျပုတဲ့ selector ေတြကို အသံုးျပုထားျပီး CSS လို့ Doucment Object Model (DOM) ေတြကို ျမန္ျမန္ဆန္ဆန္ ထိထိေရာက္ ေခါှယူနိုင္ေအာင္ေပါ့။ ဒီ Chapter မွာေတာ့ Selector ေတြအေျကာင္းေျပာျပျပီး Jquery ရဲ့ ကိုယ္ပိုင္ selector အနည္းငယ္ကိုလည္း ေျပာျပသြားမွာပါ။ The Document Object Model Jquery မွာ အရမ္းေကာင္းမြန္တဲ့ အပိုင္းတစ္ခုပါ။ DOM ထဲမွာ ရွိတဲ့ elements ေတြကို လြယ္လြယ္ကူကူ selecting လုပ္လို့ရတယ္။ Document Object Model ဟာ အစီအစဉ္တက် ရွိတဲ့ [...]

ယေန႕အခါမွာ Internet ဟာအလြန္က်ယ္ျပန္႕လာျပီး လူတိုင္းနီးပါးအသံုးျပဳၾကေပသည္။ ကၽြန္ေတာ္တို႕ေတြဟာလည္း Internet ေပၚမွာ ကိုယ္ပိုင္ေနရာမ်ားကို ကိုယ္ပိုင္ Homepage မ်ားကို အလြယ္တကူ ယူေဆာင္ႏိုင္ေလျပီ။ Internet ဆိုတာကို အက်ယ္ရွင္းမေနေတာ့ပါဘူး။ အလြယ္ရွင္းရရင္ေတာ့ Internet ဆိုတာ ကမာၻ ေပၚရိွ ႏိုင္ငံအခ်င္းခ်င္း ခ်ိတ္ဆက္ထားေသာ Network ကြန္ယက္ၾကီးတစ္ခုျဖစ္ပါသည္။ အဲဒီလို Information ေတြ ဖလွယ္ဖို႕အတြက္ Web Page ေတြကို ေရးဆြဲရပါတယ္။ Web Page ေရးဆြဲဖို႕ရာအတြက္ HTML ဟာ အဓိက က်ပါတယ္။ ေရးသားထားတဲ့ Web Page ေတြကို Web Browser Software နဲ႕ ၾကည့္ရႈရပါတယ္။ Web Broswer Software ေတြက Internet Explorer [...]

Chapter 1 : Getting Start အခုအခ်ိန္မွာေတာ့ Web ေလာကမွာ dynamic ေတြျဖစ္ကုန္ျပီး site ေတြကို ဆြဲေဆာင္မွုရွိလာေအာင္ interactive ျဖစ္လာေအာင္ developer ေတြက ဖန္တီးလာတယ္။ အဲဒီလို ဖန္တီးရာမွာ လြယ္ကူလာေအာင္ JQuery လိုမ်ိုး javascript library ေတြ အသံုးျပုလာတယ္။ Jquery ဟာ javascript library ျဖစ္ျပီး အခုအခ်ိန္မွာ လူေတာှေတာှမ်ားမ်ား အသံုးျပုေရြးခ်ယ္ေနျကပါတယ္။ Jquery မွာ function ေတြအမ်ားအျပားရွိျပီးေတာ့ အျခား plugin ေတြမ်ားျပားလို့လည္း လူသံုးမ်ားလာတယ္ဆို မမွားပါဘူး။ Jquery ဟာ HTML သာမက Cascading Style Sheets (CSS) တို့မွာရွိတဲ့ function ေတြကို [...]