CSS Positioning 101

When it comes to web page layout, how you place your element on the page without effecting the document flow, you might probably think of CSS position property.  But if you are confused how this property works and when to use particular values of this property, here is a brief introduction of CSS position.

jQuery Animation Part I : Simple Animation

When you want your website to offer visitors full fancy animation when they hover or click something on your website, you can achieve this using jQuery or CSS3. These days, CSS3 animation becomes popular and more flexible to use. It doesn’t delay website performance. But the only limitation is not every browsers haven’t support all […]

Simple Static Site Hosting

တေန့က twitter သံုးေနရင္း user တေယာက္က getforge.com ဆိုတဲ့ static hosting site တစ္ခုအေျကာင္းကို tweet ထားတယ္။ ဒါနဲ့ အဲ site ကို သြားျကည့္ေတာ့ ေတာ္ေတာ္ေလး စိတ္၀င္စားသြားတယ္။ UX နဲ့ UI ကလည္း ေတာ္ေတာ္ေလး simple ျဖစ္တယ္။ Free account ဆိုရင္ေတာ့ site တစ္ခုပဲ host လုပ္လို့ရတယ္။ ကိုယ့္ရဲ့ site ကို zip လုပ္ျပီး upload လုပ္လိုက္ရံုပဲ။ Configuration ေတြကို သူဘာသာ manage လုပ္သြားတယ္။ jquery လို library ေတြကိုလည္း cdn နဲ့ ထည့္သြားတယ္။ ျပီးေတာ့ version ေတြပါ control လုပ္ေပးတယ္။ ကိုယ္လိုခ်င္တဲ့ version ကို deploy လုပ္ရံုပဲ။ […]

Jquery ToDo List App

အရင္ေန့ေတြတုန္းက JavaScript MVC comparison ေတြ အေျကာငး္လိုက္ရွာဖတ္ေနရင္းနဲ့ သူတို့ရဲ့ အားသာခ်က္ အားနည္းခ်က္ေတြကို ToDo List apps ေတြ ေရးျပီး နွုိငး္ယွဥ္ျပထားတဲ့ website တစ္ခု သြားေတြ့မိတယ္။ ဒါနဲ့ အျကံရျပီး သူတို့လို ToDo list app တစ္ခုေရးျကည့္မယ္ဆိုျပီး စိတ္ကူးရမိတယ္။ Javascript နဲ့ Jquery ကို ေလ့လာေနရင္း ဘာ app ေရးျကည့္ရင္ ေကာင္းမလဲ လို့ စဥ္းစားေနတဲ့ အခ်ိန္မွာ idea ရသြားခဲ့တာ။ ဒါနဲ့ Pure Javascript ပဲ သံုးမလား  Jquery ကိုပဲ သံုးမလားဆိုျပီး ကိုယ့္ကိုယ္ ကို ျပန္ျပီး ေမးခြန္းထုတ္ေနတာနဲ့ပဲ အခ်ိန္ေတာ္ေတာ္ ကုန္သြားတယ္။ ဒါေပမယ့္ ေနာက္ပိုင္း jQuery နဲ့ပဲ ေရးဖို့ ဆံုးျဖတ္လိုက္တယ္။ ToDo list app တစ္ခုက အဓိကက DOM […]

Learning Javascript : Variables Scope

က်ြန္ေတာ္ JavaScritp ကို စေလ့လာတုန္းက variable scope နဲ့ data type နဲ့ ပတ္သက္တဲ့ အခန္းေတြကို ေက်ာ္ဖတ္ခဲ့တယ္။ ေနာ္ကမွ ေသခ်ာ သိတာက Variable scope က က်ြန္ေတာ္တိုံ ပံုမွန္ေလ့လာေနက် OOP language ေတြ အထူးသျဖင့္ Java, C# တုိ့နဲ့ မတူဘူးဆိုတာပါ။ Javascript မွာ block-level scope မရွိဘူး။ Java, C# တုိ့နဲ့ မတူတာက သူ့မွာ global scope concept ရွိတယ္။  var keyword မပါတဲ့ variable ေတြက global scope ထဲ ပါသြားတာပါ။ ဒါကိုေတာ့ အားလံုးသိျပီးသား ျဖစ္မွာပါ၊ function sayName() ထဲမွာ ရ်ိတဲ့ local variable […]