<?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>leftcolumn.net &#187; web development</title>
	<atom:link href="http://www.leftcolumn.net/categories/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.leftcolumn.net</link>
	<description>Covering Mac OS X, Mac Software, and other stuff</description>
	<lastBuildDate>Tue, 29 Nov 2011 04:30:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Essential Web Development Software: DigitalColor Meter</title>
		<link>http://www.leftcolumn.net/2009/01/26/essential-web-development-software/</link>
		<comments>http://www.leftcolumn.net/2009/01/26/essential-web-development-software/#comments</comments>
		<pubDate>Mon, 26 Jan 2009 09:37:24 +0000</pubDate>
		<dc:creator>Joe</dc:creator>
				<category><![CDATA[web development]]></category>
		<category><![CDATA[digitalcolor meter]]></category>
		<category><![CDATA[mac]]></category>

		<guid isPermaLink="false">http://www.leftcolumn.net/?p=48</guid>
		<description><![CDATA[Â  Installed with every Mac, DigitalColor Meter gives you accurate readings of on-screen colours: you can inspect individual pixels, and copy and paste RGB values. When used with Safari or Firefox and a great text editor, it&#8217;s a lightweight but powerful tool. Here&#8217;s an overview&#8230; Â  Find it in /Applications/Utilities/ For using with HTML and [...]]]></description>
			<content:encoded><![CDATA[<p>Â </p>
<div id="attachment_49" class="wp-caption alignleft" style="width: 236px"><img class="size-full wp-image-49  " title="DigitalColor Meter in use" src="http://www.leftcolumn.net/wp-content/uploads/2009/01/picture-3.png" alt="DigitalColor Meter is handy for sampling on-screen colour " width="226" height="113" /><p class="wp-caption-text">DigitalColor Meter is handy for sampling on-screen colour </p></div>
<p><em><strong>Installed with every Mac, DigitalColor Meter gives you accurate readings of on-screen colours: you can inspect individual pixels, and copy and paste RGB values. When used with Safari or Firefox and a great text editor, it&#8217;s a lightweight but powerful tool. Here&#8217;s an overview&#8230;</strong></em></p>
<p>Â </p>
<ul>
<li>Find it in /Applications/Utilities/</li>
<li>For using with HTML and CSS, Â set the colour type to &#8220;RGB as Hex Value, 8-bit&#8221;</li>
<li>Command+Shift+c to copy the current colour as text &#8211; perfect for pasting straight into a .css file, alternatively, click and drag from the swatch area to copy the current colour as text (switch this on in preferences first)</li>
<li>Command+Shift+h to hold the current colour</li>
<li>Set the magnification factor to maximum and the aperture size to minimum for pixel-perfect sampling. Handy for &#8216;borrowing&#8217; font colours from other sites!</li>
<li>Reduce the magnification factor and increase the aperture size for getting an averaged colour &#8211; say, when you&#8217;re working with gradients or photos</li>
<li>When DigitalColor Meter is the active app, you can use the arrow keys to move the aperture in one-pixel increments</li>
<li>You can also save the current hovered area as a .tiff file, or copy it to the clipboard.Â </li>
<li>Set the window to float and keep it in the bottom right of the screen, so it&#8217;s always there at a glance.Â </li>
</ul>
<p>One last point: on Tiger at least, if you switch users to a user who hasÂ DigitalColor MeterÂ running it will crash. But that&#8217;s an annoyance at worst&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.leftcolumn.net/2009/01/26/essential-web-development-software/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

