Reply to thread

Message: <blockquote data-quote="Jolly_Roger" data-source="post: 10697868" data-attributes="member: 197784">Web Developing කරන අය වෙනුවෙන්එලකිරි එකේ ගොඩක් ඉන්නවනේ Web Developing/Design කරන කට්ටිය. ගොඩක්ම අය පාවිච්චි කරනව ඇත්තෙ Firefox වෙබ් බ්‍රව්සර් එක වෙන්න ඇති. මොකද ෆයර්ෆොක්ස් තරමට වෙබ් ඩිවෙලොපර්ස්ලාට සපෝට් කරන තවත් බ්‍රව්සර් එකක් නැති තරම්. ෆයර් ෆොක්ස් වලට තියන වෙබ් ඩිවෙලොපින් Add-onsඇඩෝන්ස් වලින් ගොඩාක් ප්‍රයෝජන ගන්න පුලුවන්. අන්න ඒ වගේ වෙබ් ඩිවෙලොපින් කරන අයට වැදගත් ඇඩෝන් කීපයක් ගැන තමයි මේ කියන්න යන්නෙ. සමහර අය දැනටමත් මේවා පාවිච්චි කරනවා ඇති...<img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /><img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" />1. Firebug<img src="http://www.instantshift.com/wp-content/uploads/2009/01/efaofwd-02.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />මේ ඇඩෝන් එකෙන් ඕනම වෙබ් පේජ් එකක් බලන ගමන් ඒ පේජ් එකේ තියන CSS, HTML, Javascript වගේ ඕනම දෙයක් වෙනස් කරන්න පුලුවන්. වෙනස් කල සැනින් පේජ් එක රිෆ්‍රෙෂ් විමකින් තොරව වෙනස්කම් පෙන්නනවා. ඊට අමතරව CSS metrics, Monitor network activity, Debug and profile JavaScript,  Quickly find errors, Explore the DOM, Execute JavaScript on the fly,  Logging for JavaScript වගේ දේවල් කරන්න පුලුවන්. ඒ නිසා තමන් ඩිසයින් කරන පේජ් එකක් බ්‍රව්සර් එකේ බලන ගමන්ම ප්‍රොපර්ටීස් වෙනස් කර කර බලන්න පුලුවන්.<img src="https://static-cdn.addons.mozilla.net/img/uploads/previews/full/52/52714.png?modified=1295279900" alt="" class="fr-fic fr-dii fr-draggable " style="" /><a href="http://addons.mozilla.org/en-US/firefox/addon/1843" target="_blank">http://addons.mozilla.org/en-US/firefox/addon/1843</a>2. Greasemonkey<img src="http://www.instantshift.com/wp-content/uploads/2009/01/efaofwd-04.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ග්‍රීස් මන්කි නම් වෙබ් ඩිවෙලොපර්ස්ලා විතරක් නෙමෙයි ඕන කෙනෙක්ට වැදගත් ඇඩෝන් එකක්. මේක පාවිච්චි කරලා අපි ලියන ඕනම ජාවාස්ක්‍රිප්ට් එකක් ඕනම පේජ් එකක රන් කරන්න පුලුවන්. අපිට ඕන විදියට ලෝඩ් වෙන පේජ් එකේ HTML elements වෙනස් කරගන්න පුලුවන්. ඒ වගේම ඩවුන්ලෝඩ් කරගන්න ස්ක්‍රිප්ට් තියනවා ඕන තරම්. උදාහරණයක් විදියට අපි කලින් විස්තර දීලා තිබුනොත් ඉබේටම අපේ විස්තර වලින් ෆෝර්ම්ස් ෆිල් වෙන ස්ක්‍රිප්ට් තියනවා. <img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /> UserScripts.org එකෙන් ඕන තරම් ස්ක්‍රිප්ට්ස් ගන්න පුලුවන් අපිට ඕන ඕන විදියෙ එවා තියනවා..<a href="https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/</a>3.Colorzilla<img src="http://www.instantshift.com/wp-content/uploads/2009/01/efaofwd-05.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />මේ add-on එකෙන් වෙබ් පේජ් එකක තියන ඕනම element එකක නියම පාට හොයාගන්න පුලුවන්. ඒ කියන්නෙ Color Picker එකක්. ඒ වගේම color code එක ලේසියෙන්ම කොපි කරලා ගන්න පුලුවන්. වෙබ් ඩිවෙලොපින් කරන කොට ඒක ගොඩක් වදගත්. <a href="https://addons.mozilla.org/en-US/firefox/addon/colorzilla/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/colorzilla/</a>4. MeasureIt<img src="http://www.instantshift.com/wp-content/uploads/2009/01/efaofwd-07.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />වෙබ් ඩිසයින් කරද්දි ගොඩාක් වැදගත් දෙයක් තමයි Alignment හදන එක. ඒකෙදි අපිට elements අතර තියන දුර ප්‍රමාණ බ්‍රව්සර් එකේ බලන ගමන්ම මනින්න පුලුවන් ටූල් එකක් තමයි measureit කියන්නෙ. හරියට අඩි රූලක් වගේ. <img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /><a href="https://addons.mozilla.org/en-US/firefox/addon/measureit/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/measureit/</a>5. ScreenGrab<img src="http://www.instantshift.com/wp-content/uploads/2009/01/efaofwd-10.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />පේජ් එකේ ස්ක්‍රීන් ෂොට්ස් ගන්න පුලුවන් ඇඩෝන් එකක් තමයි මේක. තෝරාගත්ත කොටසක විතරක් ස්ක්රීන් එක කැප්චර් කරගන්න පුලුවන්. ඒ වගේම ඉබේටම ක්ලිප්බෝඩ් එකට කොපි වෙනවා..<a href="http://addons.mozilla.org/en-US/firefox/addon/1146" target="_blank">http://addons.mozilla.org/en-US/firefox/addon/1146</a>6.  Web Developer<img src="http://www.instantshift.com/wp-content/uploads/2009/01/efaofwd-01.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />වෙබ් ඩිවෙලොපර්ලාට ගොඩක් වැදගත් ඇඩෝන් එකක් මේක.. on the fly CSS එඩිට් කරන්න පුලුවන්. වගේම පේජ් එකක් troubleshoot කරන්න පුලුවන්. ෆොන්ට් වෙනස් කරන්න පාට වෙනස් කරන්න ඉමේජ් අයින් කරන්න වගේ දේවල් ගොඩක්ම කරන්න පුලුවන් පේජ් එක බලන ගමන්ම..<a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/web-developer/</a>7 Browser Window Resizer<img src="http://www.instantshift.com/wp-content/uploads/2009/01/efaofwd-13.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />වෙනස් Screen sizes ටෙස්ට් කරන්න පුලුවන් ටූල් එකක් මේක. එක එක රිසොලූෂන්ස් වලට තමන්ගෙ සයිට් එක පේන විදිය තමන්ටම බලාගන්න පුලුවන්.ඒ වගේම firebug වගේ ඇඩොන් එක්ක එකවිට පාවිච්චි කරන්නත් පුලුවන්.<a href="https://addons.mozilla.org/en-US/firefox/addon/window-resizer/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/window-resizer/</a>සමහර අය නම් මේවා දැනටත් පාවිච්චි කරනව ඇති, නොදන්න අයට දැනගන්න තමයි දැම්මෙ...<img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /><img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /><img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /><img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /><img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" /></blockquote>

Verification: Hata thunen beduwama keeyada? (60 bedeema thuna)

Top Bottom