Firebug ( ගිනි කුරුමිණියා )

 Firebug ගැන :-      
                                                          මම අද කියන්න යන්නේ අපේ Web Designing. කරන අයට හොඳTool එකක් ගැන පොඩි විස්තරයක්. Web Designing/ Development එක්කම ඉන්න අයනම් මේගැන නොදන්නවා වෙන්න බැහැ මොකද මේ tool එක සෑහෙන ප්‍රසිද්ධයි. ඒත් අලුතින්Web Designing/Development වලට ආපු අය එහෙම මේක ගැන වැඩිය දන්නේ නැහැ.ගොඩාක් වෙලාවට CSS style කිරීමේදී එහෙම හරි හරියට ඕන වන Tool එකක් තමයිමේක.අපිට  පොඩි පොඩි Style Adjustment  කිරීම් මේ ඔස්සේ කරලා පස්සේ Style ටිකCopy කරලා අරගෙන අපේ CSS Style Fileඑකට දාගන්න පුළුවන්.
                                                                  Google Chrome  පාවිච්චි කරන අයටනම් මේ වගේ Tool එකක් Google Chrome Install කරද්දිම හම්බවෙනවා.ඒත් ඉතින් එයිට වඩා පාවිච්චියට ලේසි Fire Bug එක තමයි.මම පහලින් දීලා තියෙන මෙතනින් එකතු කරගන්න බොත්තම හරහා ගිහින් ඔයාගෙ Fire fox Version එකට ගැලපෙන Fire Bug එක දාගන්න.මේ Add-on එකInstall කලාම Fire fox එකේ දකුණුපැත්තෙ  උඩට කුරුමිණියෙක්ගෙ Buttonඑකක් එයි.ඒක Click කලාම හෝ F12 Button එක එබුවහම අපිට පුළුවන් අදාල පිටුවෙ Source Code එක බලාගන්න.මේ Source Code එකේ තියෙන HTML Tag උඩ Click කලාම ඒ Tag වලට අදාල Style දකුණුපැත්තෙන් පෙන්වනවා.අපි එතන Double Click කලොත් අලුත් Style දාන්න තියෙන ඒවා Delete කරලා වෙනස් කරලා බලන්න එහෙම පුළුවන්.( අපි Type කරන Code වලට Suggestions එහෙමත් එනවා බයවෙන්න දෙයක් නැහැ )අපිට ඕන විදිහට මේ වෙනස් කිරීම කරලා ඒ වෙනස් කිරීම Copy කරගෙන ගිහින් CSS එකට දාගන්න ඔයාලට පුළුවන්.
                                                               තව අපිට Web Browser එකේ පෙනෙන Button එකක් හෝ ඕනම එකකට අදාල Style බලන්නහෝ වෙනස් කරන්න ඕනෙනම් අපිට කරන්න තියෙන්නේ .අපිට අවශ්‍ය තැන Right Click කරලා Inspect Element with Firebug Click කලාම Source Code එකේ අදාල Tag එක තියෙන තැනයි Style ටිකයි දෙකම පහලින් පෙන්වනවා.
                                                             එතකොට ඔයාලා කියයි ඕකට Fire Bug ඕනෙද Dreamweaver වල Code view / Design view දෙකම දාගත්තහම ඕක ලේසියෙන්ම කරන්න පුළුවන් කියලා.ඒත්  Dreamweaver වලදී සමහර කරන වෙනස් කම් Browser එකේදී බලද්දි හරියට වෙන්නේ නැහැ.
                                                                සමහරු නම් මේ වගේ ඒවා පොඩි පොඩි හොර වැඩවලට යොදාගන්නවා. උදාහරණයක් විදිහට මම එකක් කියන්නම්.සමහරු Facebook Login Page එකට ගිහින් ඒකෙ Password එක ගහන්න තියෙන ඉඩ  උඩ Right Click කරලා Inspect Element with Firebug ගිහින් ලැබෙන Highlight වෙච්ච Codeඑකේ type="password" කියන එක type="text" කියලා හදනවා.දැන් ඉතින් Password එකට තරු වැටෙන්නේ නැහැ.ඊට ප්ස්සෙ Firebug එක Minimize කරන්න අමතක කරන්න එපා.දැන් ඉතින් කරන්න තියෙන්නේ කඩිමුඩියෙ Password ගහන යාළුවෙක්ට Facebook Log වෙන්න කියන එක.අපි මේ Page එක Reload කලාම ඒකරපු වෙනස්කම් නැතිවෙලා යනවා.
 ඔයාලත් ඔයාලගෙ Fire Fox වලට මේ Add-on එක දාගන්න.

මෙතනින් එකතු කරගන්න

Read More

Test Your Mobile Phone ( මේ විදිහට ටෙස්ට් කලාද? )

                            මම අද Mobile phone සම්බන්ද ලිපියක් ලියන්න හිතුවා.ගොඩාක් වෙලාවට Mobile Phone එක පාවිච්චි කරන්නෙ Call ගන්න.ඉස්සරනම්  Phone එකක් බිම වැටෙනවා කියන එක එච්චර ලොකුදෙයක් නෙවෙයි(මොකද Nokia 3310, Nokia 1100  වගේ එකක් බිමට වැටුනට ක්‍රියා විරහිත නොවෙන නිසා ).
                             ඒත් දැන් තියෙන Smart Phone වලට ඔය කතාව වලන්ගු නැහැ මොකද ඒවා එක වරක් වුනත් වැටුනොත් සමහර විට ලොකු හානියක් වෙන්න ඉඩ තියෙනවා.අපි කවුරුහරි ඒවගේ වටින Mobile Phone එකක් ගත්තොත් ඒ Phone පරිහරනය කරන්නෙ හරිම පරිස්සමට.ඒත් අපි කවදාවත් ඒවා නිකමටවත් බිම දාලා බලන්නේ නැහැනෙ කැඩෙනවද කියලා.
                                              ඒවගේ  Smart Phone බිම ගහලා පෙන්නන කට්ටිය දැන් ඉන්නවා එයාලා මේ Test වලදි  Mobile Phone 2ක් සංසංදනය කරලා පෙන්වනවා.සමහර පරීක්ෂණ නම් ටිකක් මෝඩ ඒවා කියලත් හිතෙනවා.සමහර අය හැම එකක්ම  Blender එකට දාලා පෙන්වනවා,සමහරු Microwave Oven එකේ දාලා පෙන්වනවා ඒවායෙනම් ප්‍රතිඵලය අපි කලින්ම දන්නවනෙ.
ඒත් සමහර ඒවනම් එහෙම නැහැ එක්කෙනෙක් Mobile Phone බිම දාලා පෙන්වනවා.තව එක්කේනෙක් වතුරට දාලා පෙන්වනවා.මේකෙන් මේ කාලෙට(2013) වටිනම එක තමයි Nokia Lumia 900 එකකින් ඇනයක් ගහලා පෙන්වන එක ඒ මදිවට ඇනයෙන් Phone එකටත් ගහලා පෙන්වනවා ඒවගේ පරීක්ෂණයකින් නම් අපිට කියන්න පුළුවන් ඒ අදාල උපකරණයේ ශක්තිමත්බාවය ගැන.
                                           මම පහලින් Test ටිකක් ඔයාලට බලන්න දාලා තියෙනවා.ඔයාලත් මේ වැඩ ටික බලන්න.ඔයාලා Google එකේ පොඩ්ඩක් හොයලා බැලුවොත් ඔයාලට පුළුවන් මේවගේ Phone ගොඩකට කරලා තියෙන  Test වර්ග බලන්න.

Hammer Test ( Nokia Lumia 900 )



Drop Test ( Apple iPhone 5 Vs Samsung Galaxy s3 )



Water Test ( Samsung Galaxy s2 )



Hammer Drop & Knife Scratch Test ( Apple iPhone 5 )



Blender Test ( iPhone )



Microwave Test ( iPhone 5 )

Read More

Linux Mint ( දැන් මින්ට් රසයෙන් )

                               මම අද වෙනසකටත් එක්ක Operating System එකක් ගැන කියන්නයි හදන්නේ.මේක Open Source Operating System එකක් කොටින්ම කිව්වොත් Linux වල තවත් එක ප්‍රබේදයක්. Linux කිව්වගමන් අපේ අයට කියවෙන්නෙ අපෝයි කියන එක.ඒක ගොඩාක් අයට එහෙම තමයි, මොකද බොහෝමයක් අය Windows, Mac OSවලට පුරුදුවෙලා නිසා හින්දයි එහෙම වෙන්නෙ.මේ අද කියන Operating System(OS) එක ඒවගේ අයට පොඩ්ඩක් හොඳයි මොකද මේ OS එක ගොඩාක් දුරට Windows වලට සහ Mac OS වලට සමාන කම් දැක්වීමයි.මේ අය Debian , Ubuntu කියන Software 2ම පාදක කරගෙන තවත් වැඩිදියුණු කරලා පාවිච්චි කරන අයට තවත් ලේසි වෙන විදිහට මේ Operating System එක හදලා තියෙනවා.
Ubuntu  වගේ OS එකක් දැම්ම ගමන් අපේ අයට මුලින්ම එපාවෙන්නේ Close Button එක තියෙන තැන හොයාගන්න වීමෙන්.ඒ ප්‍රශ්ණයනම් මේ OS එකේ නැහැ.
Security සම්බන්දව :
                        හැම Linux OS එකකම වගේ Virus වලින් තියෙන කරදරය 99%ක්ම වගේ අඩුයි(Windows
වලට සාපේක්ෂව).
Web Browser සම්බන්දව :
                      පුරුදු විදිහටම Web Browser එක විදිහට තියෙන්නේ Fire Fox .
Multimedia සම්බන්දව :
                      Ubuntu වල වගේ නෙවෙයි මේකෙ VLC Install කරලම තියෙනවා. තව කිව්වොත් Ubuntu වලට වඩා ඔයාලට මේකෙදි වෙනස් කරගන්න Themes ගොඩාක් තියෙනවා.මේ OS එක හදද්දි  එයාලා වැඩියෙන්ම බලලාතියෙන්නේ Multimedia වලට තියෙන Support එක වැඩි කරන්න.ඔයාට මේ Icon එහෙම ලොකු වැඩියි වගේනම් අදාල Icon එක උඩ Right Click කරලා Resize Icon... ගිහින් Paint වල වගේ Icon Size එක අඩුකරගන්න පුළුවන්.
Unicode  සම්බන්දව :
                       තව හොඳක් තියෙන්නේ Sinhala Unicode වෙනම Install කරන්න ඕනෙනැතිවීම .මොකද මෙයා උපතින්ම Sinhala Unicode අරගෙනයි එන්නේ
ගොඩාක් අයට ප්‍රශ්නයක් විදිහට තියෙන්නේ ගොඩක් Software Install කරද්දි Terminal  එකේ Type කරන්න ඕන වීම.ගොඩාක් අයට ඒකත් Open Source Operating System වලින් ඈත්වෙන්න හේතුවක්වෙන්න ඇති.ඒකනම් සාමාන්‍ය පරිඝනක පාවිච්චිකරන අයට නම් මහ හිසරදයක් තමයි.තව කියනවානම් බොහෝ දුරට Photoshop වගේ Software එකක් පුරුදු වෙච්ච කෙනෙකුට Gimp වගේ Software එකකින් වැඩ කරන්න පොඩ්ඩක් අමාරුයි ඒත් Gimp පුරුදු වෙච්ච කෙනෙකුට ඒකෙන් ගොඩක් වැඩ කරගන්න පුළුවන් ( Photoshop තරම්ම නම් පුළුවන්ද කියන්න මම දන්නේ නැහැ ) .
                         සාමාන්‍යයෙන් Programming වගේ කරන අයටනම් Open Source OS ගොඩාක් හොඳයි.අන්තර්ජාලය පාවිච්චිකරන්න සහ Film බලන්න විතරක් Computer එක පාවිච්චි කරන අයටත් මේ Operating System ඒක ගොඩාක් හොඳයි.
ඔයාලත් පාවිච්චි කරලා බලනවානම් මම පහලින් දීලාතියෙන Link එක හරහා ගිහින් Down කරගන්න වැඩිම වුනොත් 900MB විතර වෙයි.ඊට පස්සේ DVD එකකට හරි Pen එකකට හරි දාගෙන Install කරගන්න.නැත්නම් CD/Pen එකෙන්ම Install කරන්නෙ නැතුවම Load කරලා බලන්නත් පුළුවන්.ඔයාලත් Test කරලා බලන්න.

මෙතනින් බාගන්න

Read More

Back to Top Blogger Button (නැවතත් උඩට)

මම අද ඉදන් පොඩි වෙනසකටත් එක්ක Blog tricks ටිකක් දෙන්න හිතුවා.මොකද හැමදාම දෙන්න තරම් අළුත්ම Software අපිට අහුවෙන්නෙ නැති නිසා.ඒක හින්දා අපි කවලමේ Blog tricks එහෙමත් දෙන්න බලාපොරොත්තු වෙනවා.
ඒක හින්දා අපි පලවෙනි ලිපිය විදිහට අපි පොඩි Top to Bottom බොත්තමක් ඔයාගෙ බ්ලොග් එකට දාගන්න හැටි කියන්නම්.
කෙටියෙන්:
1 පියවර:
Dashboard->More Option->Layout->Add a Gadget
2 පියවර:
මම පහලින් දීලාතියෙන Code එක Copy කරලා  Paste කරන්න.

<!--www.freesofthut.blogspot.com--><a alt="Back to Top Button" style="display:scroll;position:fixed;bottom:<span style="color: #000000;" data-mce-mark="1">25</span>px;right:25px;" h ref="#" title="Back to Top"><img onmouseover="this.src=&#39;
http://imageshack.us/a/img842/4192/87704325.png &#39;" src="
http://imageshack.us/a/img819/2719/70584586.png " onmouseout="this.src=&#39; http://imageshack.us/a/img819/2719/70584586.png &#39;" /></a>
<!--www.freesofthut.blogspot.com-->

3 පියවර: 
Save කරන්න.
විස්තරාත්මකව:
1 පියවර:
කරන්න තියෙන්නේ ඔයාගෙ  Blogger Account එකට Log වෙන එක .එතකොට ඔයාගේ  බ්ලොග් List එක තියෙන Dashboard එකක් ඔයාට පෙන්වනවා.
2 පියවර:
දැන් ඔයාට ඕන කරන Blog එකට අදාල තීරුවෙ තියෙන More options Button එක Click කරලා ඒ Drop-down menu ඒකෙ තියෙන Layout කියන එකට යන්න.

3 පියවර:
Layout එකේ තියෙන Add a Gadget කියන Button එකක් උඩ් Click කරන්න.

4පියවර:
දැන් ලැබෙන Window එකේ තියෙන HTML/Java Script කියන එක තෝරන්න.දැන් තව අළුත් Window එකක් ඔයාලට ලැබෙයි

5පියවර:
මම පහලින් දීලාතියෙන Code එක Copy කරලා කලින් ලැබුණු Window එකට Paste කරන්න.දැන් Save Button එක Click කරන්න.

<!--www.freesofthut.blogspot.com--><a alt="Back to Top Button" style="display:scroll;position:fixed;bottom:<span style="color: #000000;" data-mce-mark="1">25</span>px;right:25px;" h ref="#" title="Back to Top"><img onmouseover="this.src=&#39;

http://imageshack.us/a/img842/4192/87704325.png

'" src="

http://imageshack.us/a/img819/2719/70584586.png

" onmouseout="this.src='

http://imageshack.us/a/img819/2719/70584586.png

&#39;" /></a>
<!--www.freesofthut.blogspot.com-->

ඔයාට මේ Button එක හරි නැත්නම් ඔයාට පුලුවන් ඔයාගෙම Button 2ක් හදලා imageshack.us වගේ එකකට upload කරලා ඒ ලැබෙන Direct link වලින් මේ Code එකේ තියෙන  රතු නිල් කොළ පාට වලින් තියෙන  කොටස් Replace කරන්න.එතකොට ඔයාලගෙම Button එකක් හදාගන්න පුළුවන්.

Read More

Gossip Reader Android Application ( ඕප දූප කියවන අයට )

 Gossip Reader Application එක ගැන:-
                                  අද ඔයාලට කියන්න යන්නේ මේ දවස්වලනම් ලංකාවෙ අයට වටිනම වටින Android Application එකක් ගැන.කවුරුත් දන්නවා මේ දවස් වල ලංකාවෙ අය වැඩියෙන්ම බලන වෙබ් අඩවි ඇහුවොත්.අනිවාර්යෙන්ම ඔය මුල් web site 10 තුල ඕප දූප ( gossips ) වෙබ් අඩවි එකක් වත් තියෙනවාමයි.
                              ගොඩක් අය මේ අඩවි වලාට වැඩියෙන් යන්නෙ අනිත් අඩවි වලට වඩා යම් දෙයක් මෙයාලගෙ වෙබ් අඩවි වල තියෙන නිසයි (ඕප දූප වලට් කොහොමත් ඉතින් කියන අය අතිනුත් ටිකක් දානවනෙ).ඒත් මේ අඩවි වලට ගියාම පුදුම කරදරකාර විදිහට දැන්වීම්( බොහෝ වෙලාවට GIF Animation )පිරිලා තියෙනවා.ඒක නිසා සාමාන්‍යයෙන් Site  එක Loadවෙන්නම වැඩිවෙලාවක් යනවා.මේ ප්‍රශ්නය Computer එකෙන් Internet යන අයටනම් අවුලක් නැහැ.ඒත් Mobile Phone වලින් Internet යන අයට මෙච්චර දැන්වීම් ගොඩක් Load වෙන එක ප්‍රශ්ණයක්.ඒ නිසා Gossip බලන්න මේ Android App එක දාගත්තනම් කිසි කරදරයක් නැහැ.අනවශ්‍ය දැන්වීම් මුකුත්ම නැහැ.ඒ විතරක්ම නෙවේයි ලංකාවේ ප්‍රසිද්ධම Gossip අඩවි 3ක අළුත්ම News වලින් මේ Application එක Update වෙනවා.ඒ අඩවි 3 තමයි ගොසිප් ලංකා, ගොසිප් 9,ලංකා ඊ ගොසිප් කියන ඒවා.මේ Application එක ඔයාලටත් පහල මම දීලා තියෙන Link ඔස්සේ ගිහින් play.google.com හරහා Download කරගන්න පුලුවන්.මේ Application එකේ Size එක වෙන්නේ 828K පමණ.මේ Application එක දාන්න අඩුම තරමින් Android 2.2 වත් අවශ්‍යයි එයිට ඉහල Version වල හොඳට වැඩකරනවා.එහෙනම් අදට ඔය ඇති.

මෙතනින් බාගන්න

Read More

Sri Lankan Holiday Calender ( ලංකාවෙ අපිට )

නිවාඩු දින දර්ශකය ගැන:-
                                                            ඔන්න අද මම කියන්නේ ලංකාවෙ එක්කෙනෙක්ගෙ Android වැඩක් ගැන කාලෙකින් ලිපි ලිව්වෙත් නැති එකේ අලුත් අවුරුද්දෙ හා හාපුරා කියල පටන්ගත්තා ලිපි ලියන්න.
                                                             දින බලන්න සාමාන්‍යයෙන් ඕනම ජංගම දුරකතනයක Calendar එකක් තියෙනවා.ඒත් ඒ එක Calender එකකවත් අපේ ලංකවේ විදිහට නිවාඩු ටික ලකුණු කරල නැහැ(කොහොමත් මෙහෙම නිවාඩු දෙන රටවල් ලෝකෙනැහැනෙ ).ඒක හින්දා ලංකාවේ විදිහට අළුත් Calender එකක් හදන්න දාපු උත්සහයක් තමයි මේ විදිහට සාර්ථක වෙලා තියෙන්නේ.මේ මාසය තුල නිවාඩු වැටිලා තියෙන විදිහ ඔයාට පහසුවෙන් බලාගන්න පුලුවන්.ඒකට සියලුම ආගමික නිවාඩු ඇතුලත් වෙනවා.මේ සතිය මේ මාසය තුල තියෙන නිවාඩු වගේම මේ අවුරුද්දෙ තියෙන නිවාඩුත් එක වරම ලේසියෙන් බලාගන්න පුළුවන්.මෙයිට කලින් මාසේ ලංකාවෙ අයත් හරි හරියට කතා කරපු Mayan Calender එක විදිහට තමයි මේක හදලා තියෙන්නෙ.ඔයාලටත් මේ Application එක දාගෙන බලන්න ඕනෙනම් මේ මම පහලින් දීලා තියෙන Link එකට ගිහින් play.google.com තුලින් බාගන්න පුළුවන්. App එකේ size එක 692k විතර වෙන්නෙ ,තව මේ App එක දාන්න නම් අඩුම තරමෙ Android 2.2 සිට ඉහලට තියෙන Android Version එකක් පාවිච්චි කරන්න ඕනෙ.එහෙනම් අදට එච්චරයි.

මෙතනින් බාගන්න

Read More