JQuery සිංහලෙන් – 3

ගොඩක් කාලෙකට පස්සේ ආයෙත් ලියන්න ගත්තා. exam වලට හිර උනාම ඉතින් මොනවත් කරන්න බැහැනේ. කාලයක් තිස්සේ එක එක දේවල් ගැන ලිව්වා, මේ ලියවෙන්නේ මේ blog එකේ 50 වෙනි පොස්ට් එක. කලින් පොස්ට් එකේ කිව්ව විදියට effects ගැන මේ පොස්ටුවෙන් විස්තර කරන්නම්. effects කොටස් 4කට වෙන් කරන්න පුළුවන්. Continue reading

Smooth Hover Effect – Text Input Field – Input Field Featured කරන හැටි – 2

මේ පොස්ට් එකෙන් කියන්න හදන්නෙත් කලින් පොස්ට් එකේ වගේම web design trick එකක්. එහෙනම් බලමු මොකද්ද මේ designing trick එක කියලා. මේකෙන් කරන්නේ css වලින් effects වලට smooth එකක් දෙන එක. මේක කැමති ඕනෑම HTML element එකකට add කරගන්න පුළුවන්. මේ වගේ tricks වලින් පුළුවන් site එකක තියන attraction එක, user-friendly ගතිය වැඩි වෙනවා. Continue reading

Add image into Text Input Field – Input Field Featured කරන හැටි – 1

මේ post එකේ විස්තර වෙන්නේ පහල තියන post series එකේම තවත් ලිපියක්.

Show/Hide Password – Password Field එක Featured කරන හැටි
Check Password Length – Password Field එක Featured කරන හැටි – 1

දැන් බලමු මේ post එකේ කියන්නේ මොකද්ද කියලා. web site වල පහල තියනවා වගේ input field දැකලා ඇති. ඒ වගේ input field එකක් code කරන විදිය තමයි මේකේ විස්තර වෙන්නේ. Continue reading

Change Text Box Width with JQuery – Input Field Featured කරන හැටි

මේ පොස්ට් එකේ කියන්න හදන්නේ web site වල use කරන තවත් design එකක් ගැන. text box එකට animation එකක් add කරන එක මේකෙදි කරන්නේ. text box එක click කරාම,  ඒ කියන්නේ text box එක focus උනාම width එක වෙනස් වෙන්නත් එකෙන් අයින් උනාම (blur කියන event එක) ආයෙත් කලින් width එකටම set කරන්නත් Jquery පාවිච්චි කරන්නේ කොහොමද කියලා තමයි මේකේ විස්තර වෙන්නේ. website වල,  web application වල මේක use කරනවා දැකලා ඇති. Continue reading

JQuery සිංහලෙන් – 1

Jquery, නම කිව්ව ගමන් හැම කෙනාම වගේ අහලා තියන JavaScript  Library එකක්. මේ post series එකේ කියන්න හදන්නේ මුල සිට Jquery භාවිතය ගැන. මේ පොස්ට් එක ලියන වෙලාවේ තියන latest version එක වෙන්නේ 2.1.3 එක. HTML, CSS, JavaScript ගැන මූලික දැනුමක් තියනවා නම් වඩා හොඳයි. Jquery  කියන්නේ JavaScript Library එකක්. “write less, do more” කියන්නේ මේකේ tagline එක. නමේම තියන විදියට JS Code පේලි ගොඩකින් කරන දේ පේලි කීපයකින් Jquery වලදී කරගන්න පුළුවන්. මේ නිසා තමයි Jquery ජනප්‍රිය වෙලා තියෙන්නේ. ඒ වගේම අද භාවිත කරන හැම browser එකකම වගේ වැඩ කරන විදියට හදලා තියන නිසා  cross-browser issue එක Jquery වල නැහැ. Continue reading

Web Site with Twitter Bootstrap – 4

කලින් පොස්ට් එකේ කිව්ව විදියට මේ පොස්ට් එකෙන් කියන්නේ Button Group ගැන. මේක Bootstrap වල දීල තියන අමතර feature එකක්. මේකේ කොටස් කීපයක් තියනවා. එකින් එක විස්තර කරන්නම්. මුලින්ම බලමු Button Group එකක් කියන්නේ මොකද්ද කියල, Button Group එකක් කියන නමේම තියන විදියට Button කීපයක එකතුවක්. Continue reading

Web Site with Twitter Bootstrap – 2

කලින් කිව්ව විදියට මේ තියෙන්නේ Twitter Bootstrap ගැන ලියන දෙවැනි පොස්ට් එක.කලින් පොස්ට් එක බැලුවේ නැත්තන් මෙතනින් බලන්න.අද ඉදන් කියන්නේ twitter Bootstrap වලින් වැඩ කරන විදිය.පැහැදිලි මදි කියලා කීපදෙනෙක් කිව්වා, මේකෙදි එයාලටත් පැහැදිලි වෙයි.කලිනුත් කිව්වා වගේ සාමාන්‍යයෙන් හදන web page එකකට වැඩිය ගොඩක් වාසි තියන නිසා කරදරයක් නැතිව designing කරන්න පුළුවන්.ඒ වගේම දැන් තියන site එකක් upgrade කරන්න උනත් පුළුවන්.කියන්න දේවල් ගොඩක් තියන නිසා එකින් එක කිව්වොත් හොදයි කියලා හිතෙනවා. Continue reading