Posts

Showing posts from 2020

Website ရဲ့ title ဘေးမှာ icon လေးတွေရှိတယ် အဲ့ဒါကို ဘယ်လိုထည့်မှာလဲ ?

Image
 ကဲ ဒီတစ်ခါမှာတော့ website ရဲ့ title ဘေး icon ထည့်နည်းလေးပါ  စာလေးတစ်ကြောင်းတည်းနဲ့ ပြီးစီးသွားမယ် လွယ်လွယ်လေးပါ video နဲ့ကြည့်ချင်ရင် link = > (  https://www.facebook.com/100013010282058/videos/1067393643704302/ ) ရေးဖို့လိုတာက တော့ <head> </head> အဲ့ထဲမှာရေးရမှာပါ ဘာရေးမလဲဆိုတော့  <link rel="shortcut icon" href=" ကိုယ်ထည့်ချင်တဲ့ icon name" > ဒါလေးပါပဲ  ကျေးဇူးတင်ပါတယ်။

ရိုးရိုးရှင်းရှင်းနဲ့ Random Number Generator လေးတစ်ခု ဘယ်လိုရေးမလဲ?

Image
  ကံစမ်းမဲ တွေဖောက်တာ တွေတွေ့နေရတော့ ကံစမ်းမဲ နှိက်လို့ရတဲ့ Random Number လေးလုပ်လို့ရတဲ့တစ်ခုလုပ်မယ်ပေါ့ ကျနော်လုပ်ထားတာက ရိုးရိုးရှင်းရှင်းလေးပါ User ကို ပြောမယ် Random number လုပ်တဲ့ဟာပေ့ါ No.0 ကနေ ဘယ်ထိလုပ်ချင်လဲ User ကိုယ်တိုင် အောက်က input box ထဲ နံပါတ်ထည့် ပြီးရင် အနီရောက် button ကို click ရင် number တွေ random လုပ်သွားလိမ့်မယ်။ video ကြည့်ချင်ရင်တော့ link = > (  https://www.facebook.com/100013010282058/videos/1066834583760208/ ) ပုံစံကတော့ ကြိုက်သလိုလုပ်လို့ရတော့ ကျနော် Javascript လေးပဲပြောပြသွားပါမယ်  function Random(){ var n = parseInt(document.getElementById( 'num' ).value); var r = Math.floor(Math.random() * n)+ 1 ; document.getElementById( 'display' ).innerText = r; } Function တစ်ခု တည်ဆောက်လိုက်ပါ  ပြီးတော့ variable တစ်ခု တည်ဆောက်မယ် ဘာအတွက်လဲဆိုတော့ user input လုပ်လိုက်တဲ့ box ထဲက တန်ဖိုးလိုချင်လို့ပါ အဲ့ box မှာ id="num" လို့ပေးထားပါတယ် နောက် variable က random လုပ်လိုက်ပြီးထွက်လာ တဲ့ တန်ဖိုးကို...

ဖုန်းထဲက ဘယ် Apps တွေနဲ့ programming လေ့လာလို့ရမလဲ?

Image
  အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှာတော့ ဖုန်းထဲက ဘယ် apps တွေက Programming လေ့လာလို့ရသလဲဆိုတာပြောပြပေးသွားမှာဖြစ်ပါတယ်။ ဒါက android တစ်ခုထဲ မဟုတ်ပဲ ios တွေမှာပါသုံးလို့ရပါတယ်။ 1.     Udemy 2.     SoloLearn 3.     Mimo 4.     Encode 5.     Kahn Academy တို့ပဲဖစ်ပါတယ် တခြားအများကြိီးရှိပါသေးတယ် အဲ့ထဲက အကောင်းဆုံး 5 ခုကို ရွေးပေးထားတာဖြစ်ပါတယ်။ ကျေးဇူးတင်ပါတယ်။

2020 မှာ Front-end developer ဖြစ်ဖို့ဘာတွေလေ့လာရမလဲ

Image
ကဲ အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှတော့ Web  Front-End developer တွေ ဘာတွေလေ့လာကြလဲ မသိရင်တော့ အဆုံးထိကြည့်သွားလိုက်ပါဦး  1.     HTML 2.     CSS 3.     Javascript 4.     Angular 5.     React.Js 6.     Jquery ဒါတွေက တော့ အခု Hot နေတဲ့ဟာတွေပါ တခြားလေ့လာကြတဲ့ frameworks & Libraries တွေအများကြီးလဲ ရှိပါသေးတယ်

Free web icons သုံးလို့ ရတဲ့ websites 5 ခု

Image
အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှာတော့ web icons တွေကို free သုံးလို့ရတဲ့ website 5 ခု ကို ပြောပြသွားမှာဖြစ်ပါတယ်။ ကဲစလိုက်ရအောင်................... 1.     Flaticon     (    https://www.flaticon.com/   ) 2.     Iconmonstr     (  https://iconmonstr.com/ ) 3.     Freepik     (  https://www.freepik.com/ ) 4.     Material.io     (  https://material.io/ ) 5.     FontAwesome      (  https://fontawesome.com/ )  ကျေးဇူးတင်ပါတယ် ။

Programming Language တွေကို ဘယ်သူတွေ ဖန်တီးခဲ့ကြတာလဲ?

Image
1.     Guido Van Rossum ( Python ) 2.     Dennis Ritchie (C) 3.     Bjarne Stroustrup (C++) 4.     James Gosling (Java) 5.     Brendan Eich (Javascript) 6.     Rasmus Lerdorf      (PHP)

JS နဲ့ မီးအဖွင့်အပိတ်လေးရေးကြည့်ကြရအောင်

Image
  ကဲ အားလုံးပဲ မဂ်လာ ပါ ။ ဒီတစ်ခါမှာတော့ ကျနော်တို့ javascript နဲ့ မီးအပိတ်အဖွင့်လေး ရေးကြည့်ကြရအောင် အရင်ဆုံးကတော့ Html ရေးတာပေါ့ ကျနော်က CSS ကော JS မှာ HTML ထဲမှာပဲရေးလိုက်ပါတော့မယ်၊ Video ကြည့်ချင်တယ်ဆိုရင်တော့ အောက်က link လေးကို နှိပ်ပြီးကြည့်နိုင်ပါတယ် link =>  https://fb.watch/1xYS1g9nrs/ ကဲစကြရအောင်............................. <html> <head> <title>Light</title>  <style>     body{          background-color: darkslategrey;          color: #fff;     }     h1{          text-align: center;      }     p{          text-align: center;     }     img{          width: 200px;          height: 400px;          padding-left: 42%;     }     .on{          pos...

Free 3D Illustration Website

Image
 အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှာတော့ 3D Illustration website ကို free ဂုန်းဆင်းလို့ရမဲ့ website လေးတွေကိုပြောပြသွားမှာ ဖြစ်ပါတယ်။  1.      isometric love          link => (  https://www.isometriclove.com/ ) 2.      Handz design                        link => (  https://www.handz.design/ ) 3.      isoflat          link => (  https://isoflat.com/ )      4.      toy faces              link => (  https://amritpaldesign.com/toy-faces ) 5.      3d shapes pack          link => (  https://dribbble.com/shots/3421366-3D-shapes-pack ) ကျေးဇူးတင်ပါသည်။

Javascript Functions in 4 ways

Image
Javascript Function  in 4 ways  1.     Function Declaration                    function square(x){                         return x * x;                        } 2.     Function Expression                     const square = function (x) {                         return x * x;                    } 3.     Arrow Function Expression                     const square = (x) => {                         return x * x;           ...

Cool Shadow Effect HTML+CSS

Image
                         HTML & CSS နဲ့ loading effect လေးလုပ်ကြည့်မယ်။  HTML code 👇 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Box Effect</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="box"></div> </body> </html> CSS code 👇 body{ background: #0e153a; } .box{ cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 75px; height: 75px; border-radius: 50%; animation: anim 3s infinite linear; } @keyframes anim{ 0%{ box-shadow: 0 0 0 0px rgba(10,90,255,0.47); } 20%{ box-shadow: 0 0 0 20px rgba(10,90,255,0.47); } 40%{ box-shadow: 0 0 0 20px rgba(10,90,255,0.47),...

How to install Adobe photoshop in Ubuntu (2020) 100% work

Image
 ဒီတစ်ခါက တော့ Ubuntu မှာ Photoshop CC ကို install တင်နည်းလေး sharing လုပ်သွားပေးချင်ပါတယ် step 3 ခုကို တစ်ခုချင်းစီးပြောပြပေးသွားမှာပါ။ Step 1. Requirements     Install တင်ဖို့အရင်ဆုံး ကိုယ့် ubuntu မှာ wine, winetricks and aria2 ရှိထားရပါမယ် မရှိလဲဘာမှမဖြစ်ပါဘူး။ သူ install လုပ်ဖို့တောင်းပါလိမ့်မယ်။  ပြီးရင် terminal ဖွင့်ပြီး အောက်က စာကို copy past  လုပ်လိုက်ပါ $ sudo apt install wine winetricks aria2 libncurses5 libncurses5:i386 --fix-missing  Step 2. Download latest script $ cd /tmp/ $ wget  https://github.com/Gictorbit/photoshopCClinux/archive/master.zip   $ unzip master.zip -d photoshopCClinux && cd photoshopCClinux/photoshopCClinux-master/scripts Step 3.Install  $ ./PhotoshopSetup.sh Install လုပ်တဲ့အချိန်မှာစိတ်ရှည်ရှည်စောင့်ပါ  ဒီလို box လေးပေါ်လာရင်  OK ရဲ့အပေါ်က box မှာ window 7  ကိုရွေးပါ။ ရွေးပြီး ok click လိုက်ရင် install setup ပေါ်လာပါမယ် ဒါဆိုရင် window တုန်းက setup လုပ်သလိုပဲအစဥ်လိုက်လုပ်သွား...

HTML & CSS သုံးပြီး facebook က like, love & wow react လုပ်နည်း

Image
    HTML code below       < body >      <!-- Like Emoji-->      < div class = "emoji emoji--like" >      < div class = "emoji__hand" >      < div class = "emoji__thumb" >      </ div >      </ div >      </ div >      <!-- Love Emoji-->      < div class = "emoji emoji--love" >      < div class = "emoji__heart" >      </ div >      </ div >      <!-- WOW Emoji-->      < div class = "emoji emoji--wow" >      < div class = "emoji__face" >      < div class = "emoji__eyebrows" >  ...