<?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>Digital(Analog)</title>
	<atom:link href="http://digitalanalog.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://digitalanalog.net</link>
	<description>Occasional Thoughts on Social Computing, Visualization and User Interface</description>
	<lastBuildDate>Thu, 19 Nov 2009 04:27:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>I&#8217;ve accepted a job offer</title>
		<link>http://digitalanalog.net/2009/11/18/ive-accepted-a-job-offer/</link>
		<comments>http://digitalanalog.net/2009/11/18/ive-accepted-a-job-offer/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 04:27:00 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/?p=118</guid>
		<description><![CDATA[Last week I accepted a job offer from a start-up based in Philly and NYC called InviteMedia. They have built a platform for advertisers, ad networks and ad agencies to buy digital media advertising, and to manage campaigns.
They&#8217;re main office is in Philly and they have a second office in NYC. I&#8217;ll be spending a [...]]]></description>
			<content:encoded><![CDATA[<p>Last week I accepted a job offer from a start-up based in Philly and NYC called <a href="http://www.invitemedia.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.invitemedia.com/');">InviteMedia</a>. They have built a platform for advertisers, ad networks and ad agencies to buy digital media advertising, and to manage campaigns.</p>
<p>They&#8217;re main office is in Philly and they have a second office in NYC. I&#8217;ll be spending a couple days a week in Philly to start, and then I&#8217;ll be in the NYC office full time, helping them build out that office.</p>
<p>I&#8217;ll be working with the user interface team on all parts of the platform that end users will see. I&#8217;m really excited about it. I&#8217;ve wanted to work for a small company for a while now, and I think this will be a great experience.</p>
<p>I had a couple other offers that I passed on, both before I had this offer. In each case there was a combination of issues with location, job role, technology and company size. The offer from InviteMedia seemed to fit the bill all of the ways that I was looking for.</p>
<p>So that&#8217;s it&#8230; I&#8217;m back in the north and here to stay for a while at least. I&#8217;ll be living with some family in Oceanside for a while and commuting into NYC on the LIRR.</p>
<p>There are some friends that I&#8217;ll miss in NC, but I&#8217;m glad to be back up north and to get a chance to reconnect with friends back here. It&#8217;s nice to be home <img src='http://digitalanalog.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2009/11/18/ive-accepted-a-job-offer/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Disabling your Caps Lock key</title>
		<link>http://digitalanalog.net/2009/10/22/disabling-your-caps-lock-key/</link>
		<comments>http://digitalanalog.net/2009/10/22/disabling-your-caps-lock-key/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 16:35:51 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/2009/10/22/disabling-your-caps-lock-key/</guid>
		<description><![CDATA[


Disabling your Caps Lock key, originally uploaded by triplezero.


Enough already with the Caps Lock key. Just turn it off. It&#8217;s nothing but trouble.
]]></description>
			<content:encoded><![CDATA[<div style="text-align: left; padding: 3px;">
<a href="http://www.flickr.com/photos/triplezero/4034426655/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/triplezero/4034426655/');" title="photo sharing"><img src="http://farm4.static.flickr.com/3219/4034426655_4b2317fbd4.jpg" style="border: solid 2px #000000;" alt="" /></a><br />
<br />
<span style="font-size: 0.8em; margin-top: 0px;"><a href="http://www.flickr.com/photos/triplezero/4034426655/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/triplezero/4034426655/');">Disabling your Caps Lock key</a>, originally uploaded by <a href="http://www.flickr.com/people/triplezero/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/people/triplezero/');">triplezero</a>.</span>
</div>
<p>
Enough already with the Caps Lock key. Just turn it off. It&#8217;s nothing but trouble.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2009/10/22/disabling-your-caps-lock-key/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Don&#8217;t ever&#8230;</title>
		<link>http://digitalanalog.net/2009/07/14/dont-ever/</link>
		<comments>http://digitalanalog.net/2009/07/14/dont-ever/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 15:58:21 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/?p=103</guid>
		<description><![CDATA[make me type a city and state in a form.
If you&#8217;re in the US (and I suppose this is true for any country with a robust postal code system) there is a unique mapping of postal code to city.
Writing a web service to turn the postal code into the city and state would be a [...]]]></description>
			<content:encoded><![CDATA[<p>make me type a city and state in a form.</p>
<div id="attachment_112" class="wp-caption alignright" style="width: 248px"><img class="size-full wp-image-112" title="An address form from LinkedIn" src="http://digitalanalog.net/wp-content/uploads/2009/07/address-form1.png" alt="An address form from LinkedIn" width="238" height="181" /><p class="wp-caption-text">An address form from LinkedIn</p></div>
<p>If you&#8217;re in the US (and I suppose this is true for any country with a robust postal code system) there is a unique mapping of postal code to city.</p>
<p>Writing a web service to turn the postal code into the city and state would be a triviality. I wrote one a few weeks ago just as a test.</p>
<p>There are free and pay lists of zip code -&gt; city mappings which can be loaded in to a DB one one command, and the getting the data is a few lines of PHP. (yeah, I know this isn&#8217;t production code, its just a basic example)</p>

<div class="wp_codebox"><table width="100%" ><tr id="p1032"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
</pre></td><td class="code" id="p103code2"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #000088;">$con</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/mysql_connect"><span style="color: #990000;">mysql_connect</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;xxx&quot;</span><span style="color: #339933;">,</span><span style="color: #0000ff;">&quot;xxx&quot;</span><span style="color: #339933;">,</span><span style="color: #0000ff;">&quot;xxx&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #000088;">$con</span><span style="color: #009900;">&#41;</span>
  <span style="color: #009900;">&#123;</span>
  <a href="http://www.php.net/die"><span style="color: #990000;">die</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Could not connect: '</span> <span style="color: #339933;">.</span> <a href="http://www.php.net/mysql_error"><span style="color: #990000;">mysql_error</span></a><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
<a href="http://www.php.net/mysql_select_db"><span style="color: #990000;">mysql_select_db</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;zipcodes&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$con</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$zipcode</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_GET</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;zipcode&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$result</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/mysql_query"><span style="color: #990000;">mysql_query</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;SELECT city, state FROM codes where code='&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$zipcode</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;'&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<a href="http://www.php.net/header"><span style="color: #990000;">header</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Content-type: text/xml&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$xml_output</span>  <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;?xml version=<span style="color: #000099; font-weight: bold;">\&quot;</span>1.0<span style="color: #000099; font-weight: bold;">\&quot;</span>?&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #b1b100;">while</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$row</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/mysql_fetch_array"><span style="color: #990000;">mysql_fetch_array</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$result</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$xml_output</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\t</span>&lt;citystate&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$xml_output</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\t</span><span style="color: #000099; font-weight: bold;">\t</span>&lt;city&gt;&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$row</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'city'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;&lt;/city&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$xml_output</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\t</span><span style="color: #000099; font-weight: bold;">\t</span>&lt;state&gt;&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$row</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'state'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;&lt;/state&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$xml_output</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\t</span>&lt;/citystate&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<a href="http://www.php.net/echo"><span style="color: #990000;">echo</span></a> <span style="color: #000088;">$xml_output</span><span style="color: #339933;">;</span>
&nbsp;
<a href="http://www.php.net/mysql_close"><span style="color: #990000;">mysql_close</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$con</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2009/07/14/dont-ever/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>What I&#8217;ve been up to recently</title>
		<link>http://digitalanalog.net/2009/07/07/what-ive-been-up-to-recently/</link>
		<comments>http://digitalanalog.net/2009/07/07/what-ive-been-up-to-recently/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 14:55:01 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/?p=100</guid>
		<description><![CDATA[I&#8217;ve put up some unintentionally cryptic tweets / facbook status updates, so I figured I&#8217;d update everyone on what I&#8217;m up to at the moment.
Between leaving IBM and now a whole lot has gone on. I&#8217;ve interviewed with about 10 companies and haven&#8217;t found the right fit yet. Because I&#8217;ve had relatively low expenses and [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve put up some unintentionally cryptic tweets / facbook status updates, so I figured I&#8217;d update everyone on what I&#8217;m up to at the moment.</p>
<p>Between leaving IBM and now a whole lot has gone on. I&#8217;ve interviewed with about 10 companies and haven&#8217;t found the right fit yet. Because I&#8217;ve had relatively low expenses and a decent emergency fund / severance I&#8217;ve been taking my time to find something that I&#8217;m really passionate about.</p>
<p>Recently I decided that I wanted to give myself a kick to get out of North Carolina, so I made it happen. I put my place up on Craigslist and had quite a bit of interest, but nothing materialized right away. Then I got a note from a couple who were interested if another deal they had fell through. This is where things started to get kinetic.</p>
<p>They decided they wanted the place on Monday 29 June, and wanted to move in on Thursday 2 July. Back to Craigslist I turned and sold off most of my stuff. From Monday to Wednesday I got rid of most of the things in my house worth selling through Craigslist. The rest went to Goodwill (3 full carloads worth). Those of you who know me well will know how freeing a feeling it was to get rid of all that extra stuff.</p>
<p>I was so lucky to have my friend Jessica visiting to help out. She was a dynamo helping to get things packed up.</p>
<p>On Thursday the tenants showed up at noon. Between noon and 4pm Jessica and I packed the car, got the leases signed, did some last minute fix-ups on the house, took showers at the neighbors and drove up to Long Island.</p>
<p>I was also lucky to find time during this whirlwind to say goodbye to some of my good friends in NC. The whole move was much faster than I had hoped it would be, but I&#8217;m also not completely divorced from the area, so I&#8217;ll surely be back for visits. Some of you might ask what happened to the cats? They are hanging out with my excellent neighbor Christine, who will watch them while I&#8217;m sorting out my next move.</p>
<p>A few hours of playing with her kids later I turned up at my uncle&#8217;s in Oceanside, dropped off my stuff, drove upstate to see my aunt for her annual 4th of July party and then back down.</p>
<p>So now I&#8217;m here in Long Island. I&#8217;m hanging out just a 40 minute train ride to NYC so I can interview with companies there. I&#8217;m still considering options in California, but I figured that while I&#8217;m sorting out what&#8217;s next it&#8217;s best to be close to friends and family here in NY.</p>
<p>While I&#8217;m here I&#8217;ll be interviewing, spending time with friends and family, and hanging out on the beach and boardwalk at Long Beach. I forgot how lovely a place it is. If you&#8217;re in town and want to hang out, let me know!</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2009/07/07/what-ive-been-up-to-recently/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Script v. Program</title>
		<link>http://digitalanalog.net/2009/02/04/script-v-program/</link>
		<comments>http://digitalanalog.net/2009/02/04/script-v-program/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 13:40:08 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/?p=95</guid>
		<description><![CDATA[Here is how wikipedia describes a scripting language:
&#8230; &#8220;Scripts&#8221; are often treated as distinct from &#8220;programs&#8221;, which execute independently from any other application. At the same time they are distinct from the core code of the application, which is usually written in a different language, and by being accessible to the end-user they enable the [...]]]></description>
			<content:encoded><![CDATA[<p>Here is how wikipedia describes a scripting language:</p>
<blockquote><p>&#8230; &#8220;Scripts&#8221; are often treated as distinct from &#8220;programs&#8221;, which execute independently from any other application. At the same time they are distinct from the core code of the application, which is usually written in a different language, and by being accessible to the end-user they enable the behavior of the application to be adapted to the user&#8217;s needs. Scripts are often, but not always, interpreted from the source code or &#8220;semi-compiled&#8221; to bytecode which is interpreted, unlike the applications they are associated with, which are traditionally compiled to native machine code for the system on which they run. Scripting languages are nearly always embedded in the application with which they are associated.</p></blockquote>
<p>They do go on to make a concession:</p>
<blockquote><p>Historically, there was a clear distinction between &#8220;real&#8221; high speed programs written in languages such as C, and simple, slow scripts written in languages such as Bourne Shell or Awk. But as technology improved, the performance differences shrank and interpreted languages like Java, Lisp, Perl and Python emerged and gained in popularity to the point where they are considered general-purpose programming languages and not just languages that &#8220;drive&#8221; an interpreter.</p></blockquote>
<p>I don&#8217;t like it. I think that this is one of those cases where language has evolved in a way that hasn&#8217;t been captured completely.</p>
<p>So tell me&#8230; when you hear (or use) the word &#8217;script&#8217;, what connotation comes along with it for you?</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2009/02/04/script-v-program/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>IE6, Sprites and Transparency (a follow on)</title>
		<link>http://digitalanalog.net/2009/01/19/ie6-sprites-and-transparency-a-follow-on/</link>
		<comments>http://digitalanalog.net/2009/01/19/ie6-sprites-and-transparency-a-follow-on/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 04:59:57 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/?p=66</guid>
		<description><![CDATA[Long story short, IE 6 is a nightmare. Slightly longer story. If you want to use a sprite technique to reduce the number of roundtrips the browser makes to generate your page, it&#8217;s fairly straight forward&#8230; unless you use IE6.
If you&#8217;re making large sprites, with varied images that might be transparent, you might get away [...]]]></description>
			<content:encoded><![CDATA[<p>Long story short, IE 6 is a nightmare. Slightly longer story. If you want to use a <a href="http://www.alistapart.com/articles/sprites" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.alistapart.com/articles/sprites');">sprite technique</a> to reduce the number of roundtrips the browser makes to generate your page, it&#8217;s fairly straight forward&#8230; unless you use IE6.</p>
<p>If you&#8217;re making large sprites, with varied images that might be transparent, you might get away with using an 8 bit gif or png, but depending on how many colors the individual images contain you could easily fill up your color table. So, you&#8217;d be best off using all 32 bits of the RGBA <a href="http://en.wikipedia.org/wiki/Portable_Network_Graphics" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://en.wikipedia.org/wiki/Portable_Network_Graphics');">PNG</a>.</p>
<p>That works fine on IE7, FF2 and FF3. But we all know that way too many people still use IE6. There are <a href="http://support.microsoft.com/kb/294714" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://support.microsoft.com/kb/294714');">some hacks</a> to get transparent pngs to show up, but they don&#8217;t work for images in the background which is, of course, what you need for sprites.</p>
<p>In the midst of my preperations for hari-kari, I found <a href="http://www.julienlecomte.net/blog/2007/07/4/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.julienlecomte.net/blog/2007/07/4/');">this post</a> on Julien Lecomte&#8217;s blog. It was a great step in the right direction, so I started hacking and got some stuff working. Here are some things that weren&#8217;t in Julien&#8217;s post worth sharing&#8230;</p>
<p>A simple example. Here is the markup that Julien showed, with an additional wrapper. Note one other difference, the <code>clip:rect(...)</code> statement doesn&#8217;t use commas between the dimensions. (More on this later)</p>

<div class="wp_codebox"><table width="100%" ><tr id="p666"><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code" id="p66code6"><pre class="html" style="font-family:monospace;">&lt;html&gt;
&lt;span class='ie_sprite_wrapper' style='width: 66px; height: 71px;'&gt;
&lt;span class='sprite_image'
	style='clip:rect(233px 71px 304px 5px);
	top: 233px; left: -5px;' &gt;&lt;/span&gt;
&lt;/span&gt;
&lt;/html&gt;</pre></td></tr></table></div>

<p>Before you try this, you should read how to <a href="http://www.w3schools.com/htmldom/prop_style_clip.asp" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.w3schools.com/htmldom/prop_style_clip.asp');">arrange the dimensions</a> in the <code>clip:rect(...)</code> statement. It&#8217;s not terribly intuitive.</p>
<p>Here is the corresponding CSS. We use the filter hack to get the transparency to show, and we style the wrapper.</p>

<div class="wp_codebox"><table width="100%" ><tr id="p667"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code" id="p66code7"><pre class="css" style="font-family:monospace;">&lt;!--<span style="color: #00AA00;">&#91;</span>if lte IE <span style="color: #cc66cc;">6</span><span style="color: #00AA00;">&#93;</span><span style="color: #00AA00;">&gt;</span>
&lt;style<span style="color: #00AA00;">&gt;</span>
<span style="color: #6666ff;">.sprite_image</span><span style="color: #00AA00;">&#123;</span> 
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">66px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2361px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	filter<span style="color: #3333ff;">:progid</span><span style="color: #3333ff;">:DXImageTransform</span><span style="color: #6666ff;">.Microsoft</span>.AlphaImageLoader<span style="color: #00AA00;">&#40;</span>
		src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">'/images/sprite.png'</span><span style="color: #00AA00;">,</span> sizingMethod<span style="color: #00AA00;">=</span><span style="color: #ff0000;">'crop'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
.ie_sprite_wrapper<span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> 
	<span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&lt;/style<span style="color: #00AA00;">&gt;</span>
&lt;!<span style="color: #00AA00;">&#91;</span>endif<span style="color: #00AA00;">&#93;</span>--<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>A couple of notes. We position the wrapper <code>relative</code> so that it flows naturally in the layout, but also acts as the reference coordinate system for the span inside (which has been positioned absolutely). If we didn&#8217;t do this, the inner span would be positioned with reference to the first positioned parent element. If there were none, the browser frame would become the reference.</p>
<p>We&#8217;ve also set the overflow to <code>hidden</code>. Since this hack just clips out the part of the sprite image that we want to see, IE6 still considers it as occupying part of the page. If you don&#8217;t hide the overflow, and your sprite strip is longer than the page, you&#8217;ll see scroll bars.</p>
<p>So what about those commas in the <code>clip:rect(...)</code> statement? Well thank the flying spaghetti monster for Google. I played with this code isolation, got it working, then brought it over to a page I that I was going to use it in and FAIL. After some hunting and reading on google I found out that when you set your browser&#8217;s <a href="http://www.alistapart.com/stories/doctype/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.alistapart.com/stories/doctype/');">compliance mode</a>, e.g.</p>

<div class="wp_codebox"><table width="100%" ><tr id="p668"><td class="line_numbers"><pre>1
2
</pre></td><td class="code" id="p66code8"><pre class="html" style="font-family:monospace;">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 
	Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;</pre></td></tr></table></div>

<p>IE6 has a cow and doesn&#8217;t like the way your <code>clip:rect(...)</code> statement is formed with commas. The <a href="http://www.webmasterworld.com/forum83/6478.htm" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.webmasterworld.com/forum83/6478.htm');">only solution</a> is to get rid of the DOCTYPE statement, or get rid of the commas in the <code>clip:rect(...)</code> statement. I&#8217;ve also noticed some funky treatment of how this final sprite image get&#8217;s floated by IE6 when the compliance mode is set. More on that some other time when I can take a proper look at it. For now I&#8217;m just really glad to have this (mostly) sorted out.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2009/01/19/ie6-sprites-and-transparency-a-follow-on/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The tip of the long tail</title>
		<link>http://digitalanalog.net/2009/01/03/the-tip-of-the-long-tail/</link>
		<comments>http://digitalanalog.net/2009/01/03/the-tip-of-the-long-tail/#comments</comments>
		<pubDate>Sat, 03 Jan 2009 14:39:47 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/?p=60</guid>
		<description><![CDATA[I just got this in the mail&#8230;

When I was a kid, I remember going into one of those giant &#8220;Hudson News&#8221; stores in Manhattan &#8211; the one with thousands of magazines. I thought to myself &#8220;wow! There is a magazine for EVERYTHING!&#8221;.
Of course, the web opens up the space even more so that there is [...]]]></description>
			<content:encoded><![CDATA[<p>I just got this in the mail&#8230;</p>
<p><img class="alignnone size-full wp-image-61" title="Toesocks" src="http://digitalanalog.net/wp-content/uploads/2009/01/toesocks.png" alt="Toesocks" width="556" height="252" /></p>
<p>When I was a kid, I remember going into one of those giant &#8220;Hudson News&#8221; stores in Manhattan &#8211; the one with thousands of magazines. I thought to myself &#8220;wow! There is a magazine for EVERYTHING!&#8221;.</p>
<p>Of course, the web opens up the space even more so that there is a site for EVERYTHING. (I like exotic soaps, so a year ago I thought about starting a site all about soap. I was a <a href="http://thesoapbar.blogspot.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://thesoapbar.blogspot.com/');">bit</a> <a href="http://handmadesoapblog.blogspot.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://handmadesoapblog.blogspot.com/');">too</a> late)</p>
<p>So I&#8217;m not surprised that this email landed in my inbox. There is an entire group on flickr, with over 1,000 photos, that are just of toe socks. (Those socks that have little pockets for each toe).</p>
<p>Who could have known that there was a community of people that reveled in the glory of the toe sock? No one perhaps <img src='http://digitalanalog.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  But all they seemed to need to congregate was a space, and it looks like flickr has provided that space for them.</p>
<p>I &lt;3 the web.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2009/01/03/the-tip-of-the-long-tail/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The new iPhone is here</title>
		<link>http://digitalanalog.net/2008/07/23/the-new-iphone-is-here/</link>
		<comments>http://digitalanalog.net/2008/07/23/the-new-iphone-is-here/#comments</comments>
		<pubDate>Wed, 23 Jul 2008 11:51:10 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/2008/07/23/the-new-iphone-is-here/</guid>
		<description><![CDATA[I got my new iPhone 3G yesterday. I just found out about the wordpress application, so I figured I&#8217;d give it a try.
Here is a picture from outside my window: 

]]></description>
			<content:encoded><![CDATA[<p>I got my new iPhone 3G yesterday. I just found out about the wordpress application, so I figured I&#8217;d give it a try.</p>
<p>Here is a picture from outside my window: </p>
<p><a href="http://digitalanalog.net/wp-content/uploads/2008/07/p-640-480-9d478de6-5690-41ad-9c35-199b97c6fcd3.jpeg" ><img src="http://digitalanalog.net/wp-content/uploads/2008/07/p-640-480-9d478de6-5690-41ad-9c35-199b97c6fcd3.jpeg" alt="photo" width="225" height="300" class="alignnone size-full wp-image-364" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2008/07/23/the-new-iphone-is-here/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The Resume-as-Tag-Cloud Meme</title>
		<link>http://digitalanalog.net/2008/06/28/the-resume-as-tag-cloud-meme/</link>
		<comments>http://digitalanalog.net/2008/06/28/the-resume-as-tag-cloud-meme/#comments</comments>
		<pubDate>Sat, 28 Jun 2008 14:19:57 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[stuff]]></category>
		<category><![CDATA[resume]]></category>
		<category><![CDATA[tag-cloud]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/?p=56</guid>
		<description><![CDATA[I&#8217;ll follow the crowd here as well&#8230; Thanks for the fun app Johnathan!

]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ll follow the <a href="http://rooreynolds.com/2008/06/18/my-cv-as-a-wordle-tag-cloud/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://rooreynolds.com/2008/06/18/my-cv-as-a-wordle-tag-cloud/');">crowd </a>here as well&#8230; Thanks for the fun app <a href="http://wordle.net/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://wordle.net/');">Johnathan</a>!</p>
<p><a href="http://www.flickr.com/photos/triplezero/2617657041/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/triplezero/2617657041/');" title="Resume Tag Cloud by triplezero, on Flickr"><img src="http://farm4.static.flickr.com/3054/2617657041_1af3e484a2_o.png" width="537" height="789" alt="Resume Tag Cloud" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2008/06/28/the-resume-as-tag-cloud-meme/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>IBM GLBT Event in Second Life</title>
		<link>http://digitalanalog.net/2008/06/20/ibm-glbt-event-in-second-life/</link>
		<comments>http://digitalanalog.net/2008/06/20/ibm-glbt-event-in-second-life/#comments</comments>
		<pubDate>Fri, 20 Jun 2008 16:25:35 +0000</pubDate>
		<dc:creator>fjania</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalanalog.net/?p=55</guid>
		<description><![CDATA[The IBM GLBT group (Eagle at IBM) had our first event in the new dedicated Second Life space. It was a great time seeing some new people turn up, and exploring all of ThomThom&#8217;s creative building. We had some conversation in the clubhouse lobby:

Then we did a little dancing at the disco. (I played DJ [...]]]></description>
			<content:encoded><![CDATA[<p>The IBM GLBT group (Eagle at IBM) had our first event in the new dedicated Second Life space. It was a great time seeing some new people turn up, and exploring all of ThomThom&#8217;s creative building. We had some conversation in the clubhouse lobby:<br/><br/></p>
<p><a href="http://www.flickr.com/photos/triplezero/2595669064/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/triplezero/2595669064/');" title="Eagle in Second Life by triplezero, on Flickr"><img src="http://farm4.static.flickr.com/3180/2595669064_5eb3e3cfa7.jpg" width="500" height="290" alt="Eagle in Second Life" /></a></p>
<p>Then we did a little dancing at the disco. (I played DJ for a bit &#8211; thats me with the blue spiky hair)<br/><br/></p>
<p><a href="http://www.flickr.com/photos/triplezero/2595669234/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.flickr.com/photos/triplezero/2595669234/');" title="Eagle in Second Life by triplezero, on Flickr"><img src="http://farm4.static.flickr.com/3174/2595669234_64ebc68d1f.jpg" width="500" height="290" alt="Eagle in Second Life" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://digitalanalog.net/2008/06/20/ibm-glbt-event-in-second-life/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
