<?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>melinthropy &#187; tidbits</title>
	<atom:link href="http://melinthropy.org/tag/tidbits/feed/" rel="self" type="application/rss+xml" />
	<link>http://melinthropy.org</link>
	<description>because sometimes you just need a little melinthropy</description>
	<lastBuildDate>Sat, 13 Mar 2010 04:44:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Web Development Tidbits &#8211; Part I</title>
		<link>http://melinthropy.org/2009/08/08/web-development-tidbits-part-i/</link>
		<comments>http://melinthropy.org/2009/08/08/web-development-tidbits-part-i/#comments</comments>
		<pubDate>Sat, 08 Aug 2009 22:29:52 +0000</pubDate>
		<dc:creator>Melinda Weathers</dc:creator>
				<category><![CDATA[technical]]></category>
		<category><![CDATA[os x]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[tidbits]]></category>
		<category><![CDATA[web-development]]></category>

		<guid isPermaLink="false">http://melinthropy.org/?p=87</guid>
		<description><![CDATA[
div.item {margin-top: 40px;}

I recently moved from doing full-time Java &#38; Oracle PL/SQL in a Windows environment (with Rails development in my free time) to doing full-time Rails development on Mac OS X.  This post lists a few helpful little tidbits that I&#8217;ve found along the way that I thought someone on the Interwebs might find [...]]]></description>
			<content:encoded><![CDATA[<style type="text/css">
div.item {margin-top: 40px;}
</style>
<p><img class="alignright size-full wp-image-94" title="Tidbits" src="http://melinthropy.org/wp-content/uploads/2009/08/picture-5.png" alt="Tidbits" width="89" height="120" />I recently moved from doing full-time Java &amp; Oracle PL/SQL in a Windows environment (with Rails development in my free time) to doing full-time Rails development on Mac OS X.  This post lists a few helpful little tidbits that I&#8217;ve found along the way that I thought someone on the Interwebs might find useful.  I call it Part I not because I&#8217;m holding back on you, but more because hopefully it will encourage me to post some more on this subject in the future.</p>
<div class="item">
<strong>1. DigitalColor Meter (Mac OS X only)</strong>
</div>
<p>If you&#8217;re on Mac OS X and you want to grab the color value of something else on your screen to use in your website, there is a tool that comes with OS X for just that purpose called DigitalColor Meter.  Do ⌘+Space and type &#8220;Color&#8221; and select the DigitalColor Meter to bring it up. Check its menus for more features, such as copying the current color value to the clipboard.</p>
<p style="text-align: center;"><img class="size-full wp-image-89 aligncenter" title="Digital Color Meter Screenshot" src="http://melinthropy.org/wp-content/uploads/2009/08/digitalcolormeter.jpg" alt="Digital Color Meter Screenshot" width="406" height="205" /></p>
<div class="item">
<strong>2. console.log(obj);</strong>
</div>
<p>You can log javascript objects directly to the Firebug console with console.log. Then you can drill into your object in the console and see all its properties in Firebug, rather than pushing a bunch of strings into alert();. This even works with Facebook apps.  More information here: <a href="http://getfirebug.com/console.html" target="_blank">Firebug Console Object</a></p>
<div class="item">
<strong>3. Firefox Error Console</strong>
</div>
<p>In the main Firefox Tools menu, there is an &#8220;Error Console&#8221; item.  It is apparently not part of FireBug, but Firefox itself.  This thing is awesome. It shows you JS and CSS errors and warnings, and it doesn&#8217;t lose them when you redirect to another page.</p>
<p style="text-align: center;"><img class="size-medium wp-image-90 aligncenter" title="Firefox Error Console" src="http://melinthropy.org/wp-content/uploads/2009/08/picture-2-300x201.png" alt="Firefox Error Console" width="300" height="201" /></p>
<div class="item">
<strong>4. Firebug in a separate window</strong>
</div>
<p>A few people have been surprised when they&#8217;ve seen me do this, so I thought I&#8217;d throw it in.  Firebug has a little button to tell it to run in its own window which is especially helpful if you have two monitors.  You can do this with the little round &#8220;^&#8221; button in firebug, shown with the smudgy red arrow below.</p>
<p style="text-align: center;"><img class="size-medium wp-image-91 aligncenter" title="Firebug Separate Window" src="http://melinthropy.org/wp-content/uploads/2009/08/picture-4-300x55.png" alt="Firebug Separate Window" width="300" height="55" /></p>
<p>
Well, that&#8217;s all the tidbits for now.  What are your favorite tidbits?</p>
]]></content:encoded>
			<wfw:commentRss>http://melinthropy.org/2009/08/08/web-development-tidbits-part-i/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

