Never regret. If it’s good,it’s wonderful. If it is bad, it is experience.
What is this life if, full of care,
We have no time to stand and stare?
No time to stand beneath the boughs
And stare as long as sheep or cows.
No time to see, when woods we pass,
Where squirrels hide their nuts in grass.
No time to see, in broad daylight,
Streams full of stars. Like skies at night
No time [...]
ဒီပိုစ္႔ေလးကိုေတာ့ Magazine တခုမွာပါတဲ့ စာတိုကေလးတခုကေနရတဲ့ အကီႏိုရဲ႕ ခံစားခ်က္ကေလးကိုၿပန္လည္မွ်ေ၀တာပါ။ မိဘေတြက ကိုယ္ေမြးထားတဲ့ သားသမီးေတြကို သိပ္စိုးရိမ္တတ္ၾကတယ္။ ေဘးဒုကၡေတြ အႏၱရာယ္ေတြေတြ႕မွာစိုးရိမ္ၾကလို႕ ဆံုးမစကားေတြ ပူပန္တာေတြ အမ်ိဳးမ်ိဳးနဲ႕ သားသမီးေတြကို ဆံုးမတတ္ၾကတယ္။ တခါတေလေတာ့ သူတို႕ေတြရဲ႕ စိုးရိမ္စိတ္ၾကီးမားမႈေတြဟာ ေဘးဒုကၡေတြကို မၿဖစ္ေအာင္တားဆီးေပးေနတာထက္ သားသမီးေတြကို စဥ္းမ်ဥ္းၾကီးတခုေအာက္မွာ ရွင္သန္ေနရသလို ၿဖစ္ေစတတ္ပါတယ္။ စာတိုေလးက အေဖနဲ႔ အေမဟာ ကြ်န္ေတာ္ကို လမ္းသြားရင္ ခလုတ္တိုက္မွာ ေခ်ာ္လဲမွာ အနာတရၿဖစ္မွာစိုးရိမ္တတ္ၾကတယ္ ဒါေၾကာင့္ ကြ်န္ေတာ္လမ္းသြားတိုင္း ကြ်န္ေတာ့္ေၿခေထာက္ေတြကိုပဲ အၿမဲငံုၾကည့္ခဲ့တယ္။ ကြ်န္ေတာ္ တခါမွ ေခ်ာ္မလဲခဲ့ဘူး၊ၿပဳတ္မက်ဘူးဖူး၊အနာတရမၿဖစ္ခဲ့ဖူးဘူး ဒါေပမဲ့ ေကာင္းကင္ၾကီး ဘာအေရာင္မွန္းကြ်န္ေတာ္မသိခဲ့ဘူး မိုးတိမ္တိုက္ေတြ ဘာအေရာင္မွန္းကြ်န္ေတာ္မၿမင္ဖူးခဲ့ဘူး။ ဘာေၾကာင့္လဲဆိုေတာ့ ကြ်န္ေတာ္လမ္းသြားတိုင္း အၿမဲေခါင္းငံုထားခဲ့လို႕ပဲ။ စာသားေလးနဲ႕ေပးၿခင္တဲ့ရသကို ခံစားႏိုင္ၾကမယ္လို႕ထင္ပါတယ္။ ဒီလိုပဲ အကီႏိုတို႕လည္း လမ္းေတြကိုေလ်ာက္ဖို႕ စတင္ေၿခလွမ္းတဲ့အခါ [...]
ဒီရက္ပိုင္းအတြင္း အကီႏိုလည္း personal ကိစၥနဲ႔အလုပ္မ်ားေနတာေရာ Iphone တလံုးရၿပီး သူနဲ႕အလုပ္ရႈပ္ေနတာေၾကာင့္ေရာ blog ဘက္ကိုေၿခဦးမလွည့္ၿဖစ္ဘူးၿဖစ္ေနတယ္။ မေန႕ကေတာ့ http://www.webdesignish.com/ ကေန Best Web Design Tools For Creating a Complete Website ေလးေတြ႔တာနဲ႔ ၿပန္လည္မွ်ေ၀ေပးၿခင္လို႕ ေရးလိုက္ပါတယ္။ အကီႏိုတို႕ web designer ေတြပဲေၿပာေၿပာ web developer ေတြပဲေၿပာေၿပာ website တခုေရးတာ နဲ႔ပတ္သတ္ၿပီး အသံုးၿပဳၾကမယ္ဆိုရင္ tools ေတြအမ်ားအၿပားသံုးၾကပါတယ္။
Coding
ပထမစစခ်င္းကေတာ့ coding ေတြေရးဖို႕ editor တခုပါ။အကီႏိုကေတာ့ စၿပီး programmer ၿဖစ္ကတည္းကေန အခုခ်ိန္ထိ အသံုးၿပဳခဲ့တဲ့ my favorite editor Notepad++ ပါ။ ရွင္းလင္းတယ္ လြယ္ကူတယ္၊ေပါ့ပါးတယ္ အခုခ်ိန္ထိလည္းသံုးေနတုန္းပါ ။ [...]
I want to change my blog theme in these days after I read a lot of Css , Jquery, Javascript tutorial from
http://www.smashingmagazine.com/ ,http://css-tricks.com/ ,http://net.tutsplus.com/, http://speckyboy.com, http://www.webdesignerwall.com/tutorials/,
http://sixrevisions.com/ and other sites. I feel boring looking my old free wordpress theme. At first I download Wordpress theme and rewrite code which is suitable for my blog theme. In [...]
ColorSuckr: https://addons.mozilla.org/en-US/firefox/addon/13383/
ColorZilla: https://addons.mozilla.org/en-US/firefox/addon/271/
Pallette Grabber: https://addons.mozilla.org/en-US/firefox/addon/2290/
Gridfox: https://addons.mozilla.org/en-US/firefox/addon/4904/
Firebug: https://addons.mozilla.org/en-US/firefox/addon/1843/
Pixel Perfect.:https://addons.mozilla.org/en-US/firefox/addon/7943/
MeasureIt. https://addons.mozilla.org/en-US/firefox/addon/539/
Font Finder. https://addons.mozilla.org/en-US/firefox/addon/4415/
View Dependencies. https://addons.mozilla.org/en-US/firefox/addon/2214/
Ref: http://hostwisely.com/articles/9-great-firefox-add-ons-for-web-designers/
Confidence ဆိုတဲ့ စကားလံုးေလးက ယံုၾကည့္စိတ္ခ်မႈရွိၿခင္း မိမိကိုယ္ကို ယံုၾကည္မႈ၊ပိုင္ႏိုင္မႈရွိၿခင္းလို႕ဆိုလိုပါတယ္။အကီႏိုတို႕ မိမိကိုယ္ကိုဘယ္ေလာက္ယံုၾကည္ထားသလဲ။ဘယ္ေလာက္ယံုၾကည္ စိတ္ခ်မႈရွိသလဲ စမ္းစစ္ဖူးလား။ကိစၥတခုခုကို အမ်ားအကူအညီမပါပဲလုပ္ေဆာင္ဖူးသလား။ အမ်ားအၾကံေတာင္းခံၿပီးမႈ ဆံုးၿဖတ္ခ်က္ခ်တတ္လား။ ဒီလိုဆုိရင္ေတာ့ လူတိုင္း Confidence မရွိဘူးလို႕ ဆိုရမလိုၿဖစ္ေနပါတယ္။ အမွန္ေတာ့ အမ်ားကိုေတာင္းတဲ့ အကူအညီဟာ ကိုယ္မလုပ္ႏိုင္ေတာ့ဘူးလို႕ေသခ်ာေနၿပီ။ ကိုယ္တေယာက္ထဲဆံုးၿဖတ္ဖို႕ မခိုင္လံုေလာက္တဲ့အေနအထားေတြ ေရာက္လို႕ အမ်ားအကူအညီ အမ်ားအၾကံဥာဏ္ေတြယူတာကုိ Confidence မရွိဘူးလို႕မဆိုလိုပါဘူး။ လူတဦးတေယာက္ဆီတိုင္း ကိုယ့္ကိုကိုယ္ယံုၾကည္မႈထားေစလိုပါတယ္။ ဒီကိုယ့္ခႏၵာကိုယ္ အတြက္အလုပ္လုပ္ေဆာင္ေပးေနတဲ့ ကိုယ့္ကိုကုိယ္မွမယံုၾကည္ရင္ ဘယ္သူ႕ကိုမွမယံုၾကည္ရေတာ့ပါဘူး။ ယံုၾကည္မႈမရွိတဲ့ သူေတြမွာ မ်က္လံုးေတြ ဂဏာမၿငိမ္တာ၊ လက္ေတြ ေၿခေတြလႈပ္ရွားေနတာ၊ စကားသံေတြ ထစ္ဟေနတာကို ေတြ႕ႏိုင္ပါတယ္။ အရိုးရွင္းဆံုး ဥပမာေပးရရင္ေတာ့ Seminar တခုဆိုပါေတာ့ Confidence မရွိတဲ့ သူက စကားသံတိုးေနတတ္တယ္၊ ပရိသတ္ဘက္ကိုတခ်က္မွ မၾကည့္ပဲ သူေၿပာခ်င္တာၾကီးပဲေၿပာသြားတယ္၊ မိုက္ကိုင္တဲ့လက္ေတြက [...]
Door ပံုစံ Menu တခုတည္ေဆာက္ဖုိ႕အတြက္ အရင္ဆံုး Photoshop နဲ႕ Width: 800px, height: 101px .jpg တခုကိုတည္ေဆာက္ပါ။ၿပီးလ်င္ shutter နဲ႔ window အတခုစီအတြက္ Width: 200px, height: 100px ဆီရွိတဲ့ .jpg တခုစီတည္ေဆာက္ပါ။ အားလံုးၿပီးသြားရင္ Html နဲ႕ coding ေရးပါမယ္။
ဒါကေတာ့ Html code ပါ။
<html>
<head>
<title>Door Menu Using Jquery</title>
<link href=”css/style.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<ul id=”menu”>
<li class=”shutter” id=”shutter1″><a class=”link” href=”#”>Shutter 1</a></li>
<li class=”shutter” id=”shutter2″><a class=”link” href=”#”>Shutter 2</a></li>
<li class=”shutter” id=”shutter3″><a class=”link” href=”#”>Shutter [...]
Jquery Code:
<script type=”text/javascript”>
$(document).ready(function(){
$(”.button”).hover(function(){
$(”.button img”)
.animate({top:”-10px”}, 200).animate({top:”-4px”}, 200) // first jump
.animate({top:”-7px”}, 100).animate({top:”-4px”}, 100) // second jump
.animate({top:”-6px”}, 100).animate({top:”-4px”}, 100); // the last jump
});
});
</script>
CSS Code:
<style type=”text/css”>
body {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
margin: 20px;
}
.button {
padding: 4px 10px 3px 25px;
border: solid 1px #8AB134;
position: relative;
cursor: pointer;
display: inline-block;
background-image: url( ‘bkg.png’ );
background-repeat: repeat-x;
font-size: 11px;
height: 16px;
text-decoration: none;
color: #40740D;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
.button img {
position: absolute;
top: -4px;
left: [...]
Rounded Corners
In CSS3 we can make round corner by using border-radius. Check the below code, we can see how safe our time ..:)
div {
border: 2px solid #434343;
padding: 10px;
background: #e3e3e3;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 500px;
}
Text shadow
Text shadow properties make your text with drop shadow.
p
{
text-shadow: 2px 2px 2px #666666;}
Box shadow
Box shadow property add shadow to the box.
Code:
a
{
-moz-box-shadow: 2px 2px [...]
What is CMS(Content Management System)?
World wide web နည္းပညာၾကီးထြန္းကားလာတဲ့ ခ်ိန္မွာ web ေပၚမွာ web pages ေလးေတြတည္ေဆာက္ၿပီး စီးပြားေရး၊လူမႈေရးနဲ႔နည္းပညာေတြ ဖလွယ္ဖို႕ Co-operate ၾကီးေတြကစလို႕ personal blog ေလးေတြအဆံုး web ေပၚတက္ေရးလာၾကတယ္။ ဒီေနရာမွာ Time, Newsweek လိုမ်ိဳး media ဆိုဒ္ေတြအတြက္ ေန႕စဥ္တက္ေန႕တဲ့ သတင္းေတြ ၊ဓာတ္ပံုေတြကို simple page တခုစီေပၚ အခ်ိန္နဲ႕ တေၿပးညီတင္ေပးဖို႕ရာ ၾကီးမားတဲ့ စိန္ေခၚမႈတရပ္ၿဖစ္လာတယ္။ ဒီၿပသနာေတြေၿဖရွင္းဖို႕ရာ Content Management System တခုကိုေမြးဖြားလိုက္ၿခင္းအားၿဖင့္ ေနစဥ္ေစာင့္ၾကည့္ၿပဳၿပင္ရေနတဲ့ ၿပသနာေတြကို ကင္းလြတ္သြားၿပီး ၊သာမာန္ စာစီစာရိုက္ (Journalist, No technical ) user တေယာက္အေနနဲ႕ေတာင္ [...]
