<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>bunnyhero dev &#187; firebug</title>
	<atom:link href="http://www.bunnyhero.org/tag/firebug/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bunnyhero.org</link>
	<description>Notes on iPhone, Flash and Web development</description>
	<lastBuildDate>Mon, 07 Nov 2011 21:49:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Firebug icons</title>
		<link>http://www.bunnyhero.org/2008/06/24/firebug-icons/</link>
		<comments>http://www.bunnyhero.org/2008/06/24/firebug-icons/#comments</comments>
		<pubDate>Tue, 24 Jun 2008 07:35:58 +0000</pubDate>
		<dc:creator>bunnyhero</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[firefox]]></category>

		<guid isPermaLink="false">http://www.bunnyhero.org/?p=77</guid>
		<description><![CDATA[Since I recently upgraded Firefox to version 3, I updated my Firebug install to version 1.2 Beta. One of the first things I noticed was that the little icon in the status bar had changed from a checkmark (or a grey slash when disabled) to the little insect icon (it&#8217;s grey when disabled, and colour [...]]]></description>
			<content:encoded><![CDATA[<p>Since I recently upgraded Firefox to version 3, I updated my <a href="http://getfirebug.com/releases/index.html">Firebug install to version 1.2 Beta</a>. One of the first things I noticed was that the little icon in the status bar had changed from a checkmark (or a grey slash when disabled) to the little insect icon (it&#8217;s grey when disabled, and colour when enabled).<br />
<img src="http://www.bunnyhero.org/wp-content/uploads/2008/06/squick.png" alt="new firebug statusbar icon, disabled" title="squick" width="126" height="76" class="alignnone size-full wp-image-78" /></p>
<p>I don&#8217;t mind seeing the Firebug icon occasionally (like when the Firebug panel is open), but I find it a bit distracting and, yes, disturbing to have that little bug always onscreen. Oddly, I never found Safari&#8217;s &#8220;report bug&#8221; button distracting in the same way&mdash;perhaps it&#8217;s because the Safari bug icon is more abstract than the more finely detailed Firebug icon. (Although I admit that looking at these two screenshots side by side, there doesn&#8217;t seem to be much of an obvious difference!)<br />
<img src="http://www.bunnyhero.org/wp-content/uploads/2008/06/safari.png" alt="safari\&#039;s report bug button" title="safari\&#039;s report bug button" width="118" height="52" class="alignnone size-full wp-image-79" /></p>
<p>In any case, I decided to create my own status bar icon for the new Firebug. As you can see, my icons are <em>very</em> abstract, to get away from the creepy-crawliness of it all. The six legs are represented by six stubby horizontal lines, and the body has become a sphere.</p>
<p><img src="http://www.bunnyhero.org/static/firebug/firebug-gray-16.png" alt="my firebug icon" /> (disabled) and <img src="http://www.bunnyhero.org/static/firebug/firebug16.png" alt="my firebug icon" /> (enabled)<br />
<span id="more-77"></span><br />
If you want to install these alternate icons yourself, here is what you&#8217;ll need to do:</p>
<ol>
<li>Download the Firebug 1.2 Beta XPI file from <a href="https://addons.mozilla.org/en-US/firefox/addon/1843">https://addons.mozilla.org/en-US/firefox/addon/1843</a> (right-click [or CTRL-click on a Mac] on the &#8220;Install Now&#8221; button and choose &#8220;Save Link As&#8230;&#8221;)</li>
<li>Change the file&#8217;s <strong>.XPI</strong> extension to <strong>.ZIP</strong></li>
<li>Extract the contents of the ZIP file into a new folder</li>
<li>Download the two icon files: <a href="http://www.bunnyhero.org/static/firebug/firebug16.png">firebug16.png</a> and <a href="http://www.bunnyhero.org/static/firebug/firebug-gray-16.png">firebug-gray-16.png</a></li>
<li>Copy the two PNG files into the folder <strong><code>skin/classic</code></strong>. When prompted if you want to replace the existing files, say &#8220;Yes&#8221;</li>
<li>Zip the folder into a new archive (for example, you might call it <strong><code>firebug-1.2.0b3-myicons-fx.zip</code></strong>). Make sure that the directory hierarchy of the archive is the same as the original (i.e. the top level includes the files <code>chrome.manifest, intall.rdf</code>, etc)</li>
<li>Change the ZIP file&#8217;s extension to <strong>.XPI</strong></li>
<li>In Firefox, open the Add-Ons window</li>
<li>Drag your customized XPI file from your Explorer/Finder window into the Add-Ons window</li>
<li>Click &#8220;Install&#8221; in the dialog box</li>
<li>Restart Firefox!</li>
</ol>
<p>If all goes well, you will no longer have a creepy-crawly bug in your status bar :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bunnyhero.org/2008/06/24/firebug-icons/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

