<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

	<channel>

		<title>UNSTOPPABLE ROBOT NINJA</title>
		<link>http://unstoppablerobotninja.com/</link>
		<description />
		<dc:language>en</dc:language>
		<dc:creator>The Robot</dc:creator>
		<dc:rights>Copyright 2010</dc:rights>
		<dc:date>2010-03-10T18:29:13+00:00</dc:date>
	    <admin:generatorAgent rdf:resource="http://expressionengine.com/" />

		
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/urn-rss20" /><feedburner:info uri="urn-rss20" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
								<title>[LINK] Stuntbox, LLC.</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/wCn1M0OMZ7U/</link>
				<guid isPermaLink="false">http://stuntbox.com/blog/2010/03/open-for-business/</guid>
								<description>
					<![CDATA[
					
					
					
											
						<p>David Sleight, someone whose work I’ve admired for years, is finally striking out on his own.</p>

	<p>Do right by yourselves, people. If you need an insightful creative director, an insanely talented designer, and/or a talented, thoughtful developer, <a href="http://stuntbox.com/about/">hire the <em>hell</em> out of him</a>.</p>

					<a href="http://unstoppablerobotninja.com/entry/stuntbox-llc/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p>David Sleight, someone whose work I’ve admired for years, is finally striking out on his own.</p>

	<p>Do right by yourselves, people. If you need an insightful creative director, an insanely talented designer, and/or a talented, thoughtful developer, <a href="http://stuntbox.com/about/">hire the <em>hell</em> out of him</a>.</p>

					<a href="http://unstoppablerobotninja.com/entry/stuntbox-llc/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/wCn1M0OMZ7U" height="1" width="1"/>]]></content:encoded>

				<dc:date>2010-03-10T18:29:13+00:00</dc:date>
			<feedburner:origLink>http://stuntbox.com/blog/2010/03/open-for-business/</feedburner:origLink></item>
		
			<item>
								<title>Webkit bug YAY!</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/japctkdvv3U/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/webkit-bug-yay/</guid>
								<description>
					<![CDATA[
										<p>So <a href="http://vimeo.com/9358941">this</a> is somewhat interesting. Here&#8217;s the skinny:</p>

<ul>
	<li>Let&#8217;s say you&#8217;re using a WebKit-based browser.</li>
	<li>Let&#8217;s also say that you&#8217;re mucking around with a little <code>@font-face</code>, along with a few other <acronym title="Cascading Style Sheets">CSS</acronym> shinies.</li>
	<li>Now, let&#8217;s also <em>also</em> say that you&#8217;re mucking around with <code><a href="http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transitions/Transitions.html">-webkit-transition</a></code>, a less-than-standard but still somewhat sexy stylesheet property&#8212;specifically, you&#8217;re applying a <span class="caps">CSS</span> transition to a link when the user hovers over it.</li>
</ul>

<p>What&#8217;s the result? Well, if you&#8217;re hovering over the link while your text is being resized, it looks something like this:</p>

<object width="480" height="360" type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=9358941&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1">
   <param name="allowfullscreen" value="true" />
   <param name="allowscriptaccess" value="always" />
   <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9358941&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" />
</object>

<p>So in short, <code>-webkit-transition</code> and <code>@font-face</code> produce a weird, freaky <del>love child</del> visual bug if you&#8217;re hovering over a link and resizing your text. The text will temporarily revert to the next non-<code>@font-face</code> font in the stack&#8212;Helvetica above&#8212;before re-applying the proper typeface.</p>

<p>Which, yes, I realize probably nobody will do. Still, I think it&#8217;s kind of an interesting little tic. Plus, it affects all WebKit-based desktop browsers I tested on, notably Safari and Chrome. Remove the <code>@font-face</code> assignment <em>or</em> the <code>-webkit-transition</code>, and the bug goes away.</p>

<p>Granted, it&#8217;s no <a href="http://meyerweb.com/eric/thoughts/2010/02/10/rounding-off/">systemic rounding error</a>, but hey: what is?</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>So <a href="http://vimeo.com/9358941">this</a> is somewhat interesting. Here&#8217;s the skinny:</p>

<ul>
	<li>Let&#8217;s say you&#8217;re using a WebKit-based browser.</li>
	<li>Let&#8217;s also say that you&#8217;re mucking around with a little <code>@font-face</code>, along with a few other <acronym title="Cascading Style Sheets"><span class="caps">CSS</span></acronym> shinies.</li>
	<li>Now, let&#8217;s also <em>also</em> say that you&#8217;re mucking around with <code>&lt;a href=&quot;http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transitions/Transitions.html&quot;&gt;-webkit-transition&lt;/a&gt;</code>, a less-than-standard but still somewhat sexy stylesheet property&#8212;specifically, you&#8217;re applying a <span class="caps"><span class="caps">CSS</span></span> transition to a link when the user hovers over it.</li>
</ul>

<p>What&#8217;s the result? Well, if you&#8217;re hovering over the link while your text is being resized, it looks something like this:</p>

	<p><object width="480" height="360" type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=9358941&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1">
   <param name="allowfullscreen" value="true" />
   <param name="allowscriptaccess" value="always" />
   <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9358941&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><br />
</object></p>

<p>So in short, <code>-webkit-transition</code> and <code>@font-face</code> produce a weird, freaky <del>love child</del> visual bug if you&#8217;re hovering over a link and resizing your text. The text will temporarily revert to the next non-<code>@font-face</code> font in the stack&#8212;Helvetica above&#8212;before re-applying the proper typeface.</p>

<p>Which, yes, I realize probably nobody will do. Still, I think it&#8217;s kind of an interesting little tic. Plus, it affects all WebKit-based desktop browsers I tested on, notably Safari and Chrome. Remove the <code>@font-face</code> assignment <em>or</em> the <code>-webkit-transition</code>, and the bug goes away.</p>

<p>Granted, it&#8217;s no <a href="http://meyerweb.com/eric/thoughts/2010/02/10/rounding-off/">systemic rounding error</a>, but hey: what is?</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/japctkdvv3U" height="1" width="1"/>]]></content:encoded>

				<dc:date>2010-02-10T21:37:09+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/webkit-bug-yay/</feedburner:origLink></item>
		
			<item>
								<title>Hypothetically speaking.</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/SKYu6hng7Xk/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/hypothetically-speaking/</guid>
								<description>
					<![CDATA[
					
																<p>Let’s just, y’know, <em>assume</em> that you had a lot of mass transit in your immediate future. Not me. You. In <a href="http://twitter.com/beep/status/7927538269">a purely hypothetical situation</a>, o’ course.</p>

	<p>What movies, music, or TV shows would you bring along?</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
																<p>Let’s just, y’know, <em>assume</em> that you had a lot of mass transit in your immediate future. Not me. You. In <a href="http://twitter.com/beep/status/7927538269">a purely hypothetical situation</a>, o’ course.</p>

	<p>What movies, music, or TV shows would you bring along?</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/SKYu6hng7Xk" height="1" width="1"/>]]></content:encoded>

				<dc:date>2010-01-19T02:19:36+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/hypothetically-speaking/</feedburner:origLink></item>
		
			<item>
								<title>The TV Show</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/CRNHgNPs3KM/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/the-tv-show/</guid>
								<description>
					<![CDATA[
										<object width="640" height="385" type="application/x-shockwave-flash" data="http://www.youtube.com/v/BQ9YtJC-Kd8">
    <param name="movie" value="http://www.youtube.com/v/BQ9YtJC-Kd8" />
    <param name="wmode" value="transparent" />
</object>

<p>This is the song that never ends.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
											<p>					<object width="640" height="385" type="application/x-shockwave-flash" data="http://www.youtube.com/v/BQ9YtJC-Kd8">
    <param name="movie" value="http://www.youtube.com/v/BQ9YtJC-Kd8" />
    <param name="wmode" value="transparent" /><br />
</object></p>

<p>This is the song that never ends.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/CRNHgNPs3KM" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-12-14T13:26:27+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/the-tv-show/</feedburner:origLink></item>
		
			<item>
								<title>[LINK] Another World, ported to JavaScript</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/6CCOfcDr10w/</link>
				<guid isPermaLink="false">http://www.megidish.net/awjs/</guid>
								<description>
					<![CDATA[
					
					
					
											
						<p>I can&#8217;t tell you how much I played <a href="http://en.wikipedia.org/wiki/Another_World_%28video_game%29"><cite>Another World</cite></a> in high school. So seeing a pure JavaScript-driven port to <code>canvas</code>? Simply amazing.</p>

	<p>On a related note, I&#8217;ll be over here sobbing into my stylesheets if anyone needs me.</p>

					<a href="http://unstoppablerobotninja.com/entry/another-world-ported-to-javascript/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p>I can&#8217;t tell you how much I played <a href="http://en.wikipedia.org/wiki/Another_World_%28video_game%29"><cite>Another World</cite></a> in high school. So seeing a pure JavaScript-driven port to <code>canvas</code>? Simply amazing.</p>

	<p>On a related note, I&#8217;ll be over here sobbing into my stylesheets if anyone needs me.</p>

					<a href="http://unstoppablerobotninja.com/entry/another-world-ported-to-javascript/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/6CCOfcDr10w" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-11-05T14:40:28+00:00</dc:date>
			<feedburner:origLink>http://www.megidish.net/awjs/</feedburner:origLink></item>
		
			<item>
								<title>[LINK] Woodpress</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/1ds8QAcXZOI/</link>
				<guid isPermaLink="false">http://simplebits.com/notebook/2009/10/22/woodpress/</guid>
								<description>
					<![CDATA[
					
					
					
																	<p class="banner"><a href="http://simplebits.com/notebook/2009/10/22/woodpress/"><img src="http://unstoppablerobotninja.com/images/uploads/woodpress.png" alt="" /></a></p>
						
						<p><a href="http://simplebits.com/">Dan Cederholm</a> moves over to Wordpress, tweaking his site&#8217;s design as he does so. Which is lovely, of course, but not as lovely as this:</p>

	<blockquote>
		<p>If anything, [the new design is] a slight step backward, to the layouts of SimpleBits’ past. Like anyone who used to blog with frequency pre-2005, I’d like to post here more often — not just to fill up bits and bytes, but to write again. Remember when blogs were more casual and conversational? Before a post’s purpose was to grab search engine clicks or to promise “99 Answers to Your Problem That We’re Telling You You’re Having”. Yeah. I’d like to get back to that here.</p>
	</blockquote>

	<p>I&#8217;ve been thinking the same thing lately: that this whole quasi-tumblelog thing I&#8217;ve been playing around with isn&#8217;t all it&#8217;s cracked up to be. As <a href="http://www.kungfugrippe.com/post/194232404/oh-sure-we-kid-dan-brown-how-can-you-not">Merlin Mann said</a>: <q>Jesus, I miss paragraphs.</q></p>

					<a href="http://unstoppablerobotninja.com/entry/woodpress/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p><a href="http://simplebits.com/">Dan Cederholm</a> moves over to Wordpress, tweaking his site&#8217;s design as he does so. Which is lovely, of course, but not as lovely as this:</p>

	<blockquote>
		<p>If anything, [the new design is] a slight step backward, to the layouts of SimpleBits’ past. Like anyone who used to blog with frequency pre-2005, I’d like to post here more often — not just to fill up bits and bytes, but to write again. Remember when blogs were more casual and conversational? Before a post’s purpose was to grab search engine clicks or to promise “99 Answers to Your Problem That We’re Telling You You’re Having”. Yeah. I’d like to get back to that here.</p>
	</blockquote>

	<p>I&#8217;ve been thinking the same thing lately: that this whole quasi-tumblelog thing I&#8217;ve been playing around with isn&#8217;t all it&#8217;s cracked up to be. As <a href="http://www.kungfugrippe.com/post/194232404/oh-sure-we-kid-dan-brown-how-can-you-not">Merlin Mann said</a>: <q>Jesus, I miss paragraphs.</q></p>

					<a href="http://unstoppablerobotninja.com/entry/woodpress/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/1ds8QAcXZOI" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-10-23T12:39:55+00:00</dc:date>
			<feedburner:origLink>http://simplebits.com/notebook/2009/10/22/woodpress/</feedburner:origLink></item>
		
			<item>
								<title>[LINK] textorize</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/_hyH_6NpUMA/</link>
				<guid isPermaLink="false">http://mir.aculo.us/2009/09/29/textorize-pristine-font-rendering-for-the-web/</guid>
								<description>
					<![CDATA[
					
					
					
											
						<p>Thomas Fuchs (he of <a href="http://script.aculo.us/">script.aculo.us</a> and <a href="http://prototypejs.org/">Prototype</a> fame) whips up a Ruby script that can automate subpixel antialiasing on strings of text.</p>

	<p>In other words: <abbr title="Oh my god"><span class="caps">OMG</span></abbr>.</p>

					<a href="http://unstoppablerobotninja.com/entry/textorize/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p>Thomas Fuchs (he of <a href="http://script.aculo.us/">script.aculo.us</a> and <a href="http://prototypejs.org/">Prototype</a> fame) whips up a Ruby script that can automate subpixel antialiasing on strings of text.</p>

	<p>In other words: <abbr title="Oh my god"><span class="caps">OMG</span></abbr>.</p>

					<a href="http://unstoppablerobotninja.com/entry/textorize/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/_hyH_6NpUMA" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-09-30T13:02:11+00:00</dc:date>
			<feedburner:origLink>http://mir.aculo.us/2009/09/29/textorize-pristine-font-rendering-for-the-web/</feedburner:origLink></item>
		
			<item>
								<title>Flicker</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/Cnw20Z7rwkw/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/flicker/</guid>
								<description>
					<![CDATA[
					
															<p>Lovely on not a few levels:</p>

	<p><object width="640" height="360" type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=6688102&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1">
	<param name="allowfullscreen" value="true" />
	<param name="allowscriptaccess" value="always" />
	<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6688102&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><br />
</object></p>

<p>Directed by <a href="http://www.imdb.com/name/nm2627186/">Chris Tootell</a>, music by <a href="http://www.emusic.com/album/Paper-Beat-Scissors-Flicker-MP3-Download/11628194.html">Paper Beat Scissors</a>.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>Lovely on not a few levels:</p>

	<p><object width="640" height="360" type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=6688102&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1">
	<param name="allowfullscreen" value="true" />
	<param name="allowscriptaccess" value="always" />
	<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6688102&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><br />
</object></p>

<p>Directed by <a href="http://www.imdb.com/name/nm2627186/">Chris Tootell</a>, music by <a href="http://www.emusic.com/album/Paper-Beat-Scissors-Flicker-MP3-Download/11628194.html">Paper Beat Scissors</a>.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/Cnw20Z7rwkw" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-09-24T13:18:02+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/flicker/</feedburner:origLink></item>
		
			<item>
								<title>[LINK] Fluid Grids, translated into Russian</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/ee9EEYgl8GU/article.php</link>
				<guid isPermaLink="false">http://nomagic.ru/article.php?aid=112</guid>
								<description>
					<![CDATA[
					
					
					
											
						<p>Also: I&#8217;m apparently &#8220;Этан Маркотт&#8221; in Cyrillic. Which somehow strikes me as <em>supremely badass</em>.</p>

					<a href="http://unstoppablerobotninja.com/entry/fluid-grids-translated-into-russian/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p>Also: I&#8217;m apparently &#8220;Этан Маркотт&#8221; in Cyrillic. Which somehow strikes me as <em>supremely badass</em>.</p>

					<a href="http://unstoppablerobotninja.com/entry/fluid-grids-translated-into-russian/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/ee9EEYgl8GU" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-09-05T16:26:02+00:00</dc:date>
			<feedburner:origLink>http://nomagic.ru/article.php?aid=112</feedburner:origLink></item>
		
			<item>
								<title>Handcrafted Haiku winners!</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/UpiSLzJS9y0/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/handcrafted-haiku-winners/</guid>
								<description>
					<![CDATA[
										<p>So, right. <a href="http://simplebits.com/">Dan</a> and I conducted <a href="http://unstoppablerobotninja.com/entry/handcrafted-haiku/">this whole contest thing</a>. Once <a href="http://twitter.com/handcraftedcss/status/3389773525">we closed the contest</a>, our plan was to take an extra day, read through the entries, and pick two winners.</p>

<p>Then we got <em>stupid</em> busy. I know, I know&#8212;<a href="http://bucket.unstoppablerobotninja.com/violin.gif">cue the Buscemi</a>. Still, we feel awful about the delay: we only recently found time to sift through <a href="http://search.twitter.com/search?q=%23hcsshaiku">everyone&#8217;s amazing entries</a>, pick out two winners, and then, finally, blog about it.</p>

<p>(This is the part where we blog about it.)</p>

<p>So. After much, much too much delay, we&#8217;re pleased to announce that the two winners of <code>#hcsshaiku</code> have been selected. The judging was <em>rough</em>, people&#8212;Dan and I both had lists of a dozen or so favorites, and the debate got heated. It almost came to blows. True story. (Not really.)</p>

<p>Okay, enough with the digressions&#8212;you came here for <em>winners</em>. First up is <a href="http://twitter.com/wilto/statuses/3367946330">this stellar entry</a>, winning <a href="http://twitter.com/wilto">@wilto</a> a free ticket to <a href="http://handcraftedcss.com/workshop/">the Handcrafted <span class="caps">CSS</span> workshop</a>:</p>

<blockquote cite="http://twitter.com/wilto/statuses/3367946330">
	<p><abbr title="Internet Explorer 6">IE6</abbr> lives on.<br />
	Box model&#8212;and heart&#8212;broken.<br />
	<code>position: fetal;</code></p>
</blockquote>

<p>Tying for first (and another free ticket), we&#8217;ve got <a href="http://twitter.com/squaregirl/">@squaregirl</a>&#8217;s ode to <a href="http://twitter.com/squaregirl/statuses/3368340226">debugging and <abbr title="Battlestar Galactica">BSG</abbr></a>. We think.</p>

<blockquote cite="http://twitter.com/squaregirl/statuses/3368340226">
	<p>Curly braces sound cute.<br />
	Until you leave one out. Oops!<br />
	I fracked my stylesheet.</p>
</blockquote>

<p>And there we have it. <a href="http://twitter.com/wilto">@wilto</a> and <a href="http://twitter.com/squaregirl">@squaregirl</a>, if you'd be so kind to email <code>info</code> at <code>handcraftedcss dot com</code>, we&#8217;ll hook you up with your registration information!</p>

<p>Once again, we&#8217;d like to thank <a href="http://campaignmonitor.com/">Campaign Monitor</a> for sponsoring these two tickets. And of course, thanks so much to everyone who entered&#8212;<a href="http://search.twitter.com/search?q=%23hcsshaiku">the writing</a> was top, top notch, and Dan and I were both floored by the response. We really hope you&#8217;ll consider <a href="http://handcraftedcss.com/workshop/">joining us at the workshop on 14 September</a>. But! We&#8217;ve only twenty-ish seats left, and there are only two weeks until the show. So register soon&#8212;we&#8217;d love to see you there.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>So, right. <a href="http://simplebits.com/">Dan</a> and I conducted <a href="http://unstoppablerobotninja.com/entry/handcrafted-haiku/">this whole contest thing</a>. Once <a href="http://twitter.com/handcraftedcss/status/3389773525">we closed the contest</a>, our plan was to take an extra day, read through the entries, and pick two winners.</p>

<p>Then we got <em>stupid</em> busy. I know, I know&#8212;<a href="http://bucket.unstoppablerobotninja.com/violin.gif">cue the Buscemi</a>. Still, we feel awful about the delay: we only recently found time to sift through <a href="http://search.twitter.com/search?q=%23hcsshaiku">everyone&#8217;s amazing entries</a>, pick out two winners, and then, finally, blog about it.</p>

<p>(This is the part where we blog about it.)</p>

<p>So. After much, much too much delay, we&#8217;re pleased to announce that the two winners of <code>#hcsshaiku</code> have been selected. The judging was <em>rough</em>, people&#8212;Dan and I both had lists of a dozen or so favorites, and the debate got heated. It almost came to blows. True story. (Not really.)</p>

<p>Okay, enough with the digressions&#8212;you came here for <em>winners</em>. First up is <a href="http://twitter.com/wilto/statuses/3367946330">this stellar entry</a>, winning <a href="http://twitter.com/wilto">@wilto</a> a free ticket to <a href="http://handcraftedcss.com/workshop/">the Handcrafted <span class="caps"><span class="caps">CSS</span></span> workshop</a>:</p>

<blockquote cite="http://twitter.com/wilto/statuses/3367946330">
	<p><abbr title="Internet Explorer 6">IE6</abbr> lives on.<br />

	Box model&#8212;and heart&#8212;broken.<br />

	<code>position: fetal;</code></p>
</blockquote>

<p>Tying for first (and another free ticket), we&#8217;ve got <a href="http://twitter.com/squaregirl/">@squaregirl</a>&#8217;s ode to <a href="http://twitter.com/squaregirl/statuses/3368340226">debugging and <abbr title="Battlestar Galactica"><span class="caps">BSG</span></abbr></a>. We think.</p>

<blockquote cite="http://twitter.com/squaregirl/statuses/3368340226">
	<p>Curly braces sound cute.<br />

	Until you leave one out. Oops!<br />

	I fracked my stylesheet.</p>
</blockquote>

<p>And there we have it. <a href="http://twitter.com/wilto"><code>wilto&lt;/a&gt; and &lt;a href=&quot;http://twitter.com/squaregirl&quot;&gt;</code>squaregirl</a>, if you&#8217;d be so kind to email <code>info</code> at <code>handcraftedcss dot com</code>, we&#8217;ll hook you up with your registration information!</p>

<p>Once again, we&#8217;d like to thank <a href="http://campaignmonitor.com/">Campaign Monitor</a> for sponsoring these two tickets. And of course, thanks so much to everyone who entered&#8212;<a href="http://search.twitter.com/search?q=%23hcsshaiku">the writing</a> was top, top notch, and Dan and I were both floored by the response. We really hope you&#8217;ll consider <a href="http://handcraftedcss.com/workshop/">joining us at the workshop on 14 September</a>. But! We&#8217;ve only twenty-ish seats left, and there are only two weeks until the show. So register soon&#8212;we&#8217;d love to see you there.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/UpiSLzJS9y0" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-08-28T02:34:29+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/handcrafted-haiku-winners/</feedburner:origLink></item>
		
			<item>
								<title>[LINK] Typedia</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/gONXuViqotI/</link>
				<guid isPermaLink="false">http://typedia.com/</guid>
								<description>
					<![CDATA[
					
					
					
											
					<p>Introducing Typedia, <a href="http://jasonsantamaria.com/">Jason Santa Maria</a>&#8217;s labor of love. Billed as &#8220;a community website to classify typefaces and educate people about them,&#8221; Jason describes it as &#8220;a mix between IMDb and Wikipedia, but just for type.&#8221; I helped <em>a very little bit</em> in bringing it online, but the work was really done by <a href="http://typedia.com/about/">a team of incredibly talented individuals</a>.</p>

<p>Read <a href="http://jasonsantamaria.com/articles/introducing-typedia/">Jason&#8217;s launch announcement</a> when you have a moment, and check out <a href="http://www.danielmall.com/archives/2009/08/23/typedia.php">Dan Mall&#8217;s write-up</a> as well. Congratulations, all!</p>

					<a href="http://unstoppablerobotninja.com/entry/typedia/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
										<p>Introducing Typedia, <a href="http://jasonsantamaria.com/">Jason Santa Maria</a>&#8217;s labor of love. Billed as &#8220;a community website to classify typefaces and educate people about them,&#8221; Jason describes it as &#8220;a mix between IMDb and Wikipedia, but just for type.&#8221; I helped <em>a very little bit</em> in bringing it online, but the work was really done by <a href="http://typedia.com/about/">a team of incredibly talented individuals</a>.</p>

<p>Read <a href="http://jasonsantamaria.com/articles/introducing-typedia/">Jason&#8217;s launch announcement</a> when you have a moment, and check out <a href="http://www.danielmall.com/archives/2009/08/23/typedia.php">Dan Mall&#8217;s write-up</a> as well. Congratulations, all!</p>

					<a href="http://unstoppablerobotninja.com/entry/typedia/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/gONXuViqotI" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-08-24T14:31:14+00:00</dc:date>
			<feedburner:origLink>http://typedia.com/</feedburner:origLink></item>
		
			<item>
								<title>Handcrafted Haiku</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/MtqP-E8Hicc/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/handcrafted-haiku/</guid>
								<description>
					<![CDATA[
										<p>This all might be very familiar to you by now, but here we are.</p>

<p>So there&#8217;s this guy <a href="http://simplebits.com/">Dan</a>, see, and he decided to <a href="http://handcraftedcss.com/">write a book</a>. I contributed a chapter. Crippling bias aside, the book we wrote is damned good. (The book we wrote is also <a href="http://www.flickr.com/photos/simplebitsdan/sets/72157621971709456/detail/">very, very pretty</a>.) While writing the book, we thought that <a href="http://handcraftedcss.com/workshop/">planning a workshop</a> to &#8220;teach the book&#8221; for a day would be fun. So we planned it. We started selling tickets. A lot of them. We got excited. We sold more tickets. We got more excited.</p>

<p>This brings us to present day: tickets for the day-long Handcrafted <abbr title="Cascading Style Sheets">CSS</abbr> workshop are selling fast, and Dan and I are in the throes of conference-planning excitement. (That&#8217;s a thing. Honest.) <a href="http://twitter.com/handcraftedcss/status/3306941715">Early bird registration closed on Friday</a>, but we&#8217;ve also cooked up a little raffle to get a couple more seats filled. So if you want a free ticket to our <a href="http://handcraftedcss.com/workshop/">Handcrafted <acronym title="Cascading Style Sheets">CSS</acronym> seminar</a>, here&#8217;s the skinny:</p>

<ol>
	<li>Log into your <a href="http://twitter.com/">Twitter</a> account. (Or, um, get a Twitter account. Because we all need an excuse to shorten our attention spa<em>OH LOOK SOMETHING SHINY IN THE DISTANCE <abbr title="Be right back">BRB</abbr></em>)</li>
	<li>Write a <a href="http://en.wikipedia.org/wiki/Haiku">haiku</a> about web design.</li>
	<li>Include the <code>#hcsshaiku</code> hashtag in your tweet.</li>
</ol>

<p>That&#8217;s it. Over the next twenty-four hours, we&#8217;ll be <a href="http://search.twitter.com/search?q=%23hcsshaiku">watching the entries roll in</a>, counting your syllables all the while. The two best haikus will win a free registration in our one-day workshop, courtesy of <a href="http://campaignmonitor.com/">Campaign Monitor</a>, event sponsors extraordinaire.</p>

<p>So haul out your oversized quill pens and your favorite inkwell, and start draftin&#8217;. Hope to see you in September!</p>

<p class="note">(<a href="http://en.wikipedia.org/wiki/Yamazaki_S%C5%8Dkan">Sōkan</a> would&#8217;ve totally wanted to get in on this. Just so you know.)</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>This all might be very familiar to you by now, but here we are.</p>

<p>So there&#8217;s this guy <a href="http://simplebits.com/">Dan</a>, see, and he decided to <a href="http://handcraftedcss.com/">write a book</a>. I contributed a chapter. Crippling bias aside, the book we wrote is damned good. (The book we wrote is also <a href="http://www.flickr.com/photos/simplebitsdan/sets/72157621971709456/detail/">very, very pretty</a>.) While writing the book, we thought that <a href="http://handcraftedcss.com/workshop/">planning a workshop</a> to &#8220;teach the book&#8221; for a day would be fun. So we planned it. We started selling tickets. A lot of them. We got excited. We sold more tickets. We got more excited.</p>

<p>This brings us to present day: tickets for the day-long Handcrafted <abbr title="Cascading Style Sheets"><span class="caps">CSS</span></abbr> workshop are selling fast, and Dan and I are in the throes of conference-planning excitement. (That&#8217;s a thing. Honest.) <a href="http://twitter.com/handcraftedcss/status/3306941715">Early bird registration closed on Friday</a>, but we&#8217;ve also cooked up a little raffle to get a couple more seats filled. So if you want a free ticket to our <a href="http://handcraftedcss.com/workshop/">Handcrafted <acronym title="Cascading Style Sheets"><span class="caps">CSS</span></acronym> seminar</a>, here&#8217;s the skinny:</p>

<ol>
	<li>Log into your <a href="http://twitter.com/">Twitter</a> account. (Or, um, get a Twitter account. Because we all need an excuse to shorten our attention spa<em>OH <span class="caps">LOOK</span> <span class="caps">SOMETHING</span> <span class="caps">SHINY</span> IN <span class="caps">THE</span> <span class="caps">DISTANCE</span> <abbr title="Be right back"><span class="caps">BRB</span></abbr></em>)</li>
	<li>Write a <a href="http://en.wikipedia.org/wiki/Haiku">haiku</a> about web design.</li>
	<li>Include the <code>#hcsshaiku</code> hashtag in your tweet.</li>
</ol>

<p>That&#8217;s it. Over the next twenty-four hours, we&#8217;ll be <a href="http://search.twitter.com/search?q=%23hcsshaiku">watching the entries roll in</a>, counting your syllables all the while. The two best haikus will win a free registration in our one-day workshop, courtesy of <a href="http://campaignmonitor.com/">Campaign Monitor</a>, event sponsors extraordinaire.</p>

<p>So haul out your oversized quill pens and your favorite inkwell, and start draftin&#8217;. Hope to see you in September!</p>

<p class="note">(<a href="http://en.wikipedia.org/wiki/Yamazaki_S%C5%8Dkan">Sōkan</a> would&#8217;ve totally wanted to get in on this. Just so you know.)</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/MtqP-E8Hicc" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-08-17T19:37:27+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/handcrafted-haiku/</feedburner:origLink></item>
		
			<item>
								<title>[LINK] A Short Manifesto on the Future of Attention</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/qcOpdLdOiio/entry.html</link>
				<guid isPermaLink="false">http://observatory.designobserver.com/entry.html?entry=10297</guid>
								<description>
					<![CDATA[
					
					
					
											
					<blockquote cite="http://observatory.designobserver.com/entry.html?entry=10297">
	<p>Making something &#8220;free&#8221; is obviously an allocation strategy. &#8220;Free&#8221; attracts attention. Making things brief is an allocation strategy as well. The problem is that free isn&#8217;t sustainable, and that brief is underpriced.</p>

	<p>We need a Ronald Reagan of attention, someone to inspire us away from the fight over smaller and smaller pieces of the attention pie. Someone who will inspire us to make the attention pie bigger.</p>

	<p>I imagine attention festivals: week-long multimedia, cross-industry carnivals of readings, installations, and performances, where you go from a tent with 30-second films, guitar solos, 10-minute video games, and haiku to the tent with only <a href="http://www.youtube.com/watch?v=7idi_5IaMrk">Andy Warhol movies</a>, to a myriad of venues with other media forms and activities requiring other attention lengths. In the Nano Tent, you can hear ringtones and read tweets. A festival organized not by the forms of the commodities themselves but of the experience of interacting with them. Not organized by time elapsed, but by cognitive investment: a pop song, which goes by quickly, can resonate for days; a poem, which can go by more quickly, sticks through a season. A festival in which you can see images of your brain on knitting and on Twitter.</p>
</blockquote>

<p class="note">(<abbr title="In other words">IOW</abbr>, <abbr title="Too long, didn't read">TLDR</abbr>.)</p>

					<a href="http://unstoppablerobotninja.com/entry/a-short-manifesto-on-the-future-of-attention/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
										<blockquote cite="http://observatory.designobserver.com/entry.html?entry=10297">
	<p>Making something &#8220;free&#8221; is obviously an allocation strategy. &#8220;Free&#8221; attracts attention. Making things brief is an allocation strategy as well. The problem is that free isn&#8217;t sustainable, and that brief is underpriced.</p>

	<p>We need a Ronald Reagan of attention, someone to inspire us away from the fight over smaller and smaller pieces of the attention pie. Someone who will inspire us to make the attention pie bigger.</p>

	<p>I imagine attention festivals: week-long multimedia, cross-industry carnivals of readings, installations, and performances, where you go from a tent with 30-second films, guitar solos, 10-minute video games, and haiku to the tent with only <a href="http://www.youtube.com/watch?v=7idi_5IaMrk">Andy Warhol movies</a>, to a myriad of venues with other media forms and activities requiring other attention lengths. In the Nano Tent, you can hear ringtones and read tweets. A festival organized not by the forms of the commodities themselves but of the experience of interacting with them. Not organized by time elapsed, but by cognitive investment: a pop song, which goes by quickly, can resonate for days; a poem, which can go by more quickly, sticks through a season. A festival in which you can see images of your brain on knitting and on Twitter.</p>
</blockquote>

<p class="note">(<abbr title="In other words">IOW</abbr>, <abbr title="Too long, didn't read">TLDR</abbr>.)</p>

					<a href="http://unstoppablerobotninja.com/entry/a-short-manifesto-on-the-future-of-attention/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/qcOpdLdOiio" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-08-14T12:24:50+00:00</dc:date>
			<feedburner:origLink>http://observatory.designobserver.com/entry.html?entry=10297</feedburner:origLink></item>
		
			<item>
								<title>[LINK] The Movie Title Stills Collection</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/HpOt2sZG-qI/</link>
				<guid isPermaLink="false">http://www.annyas.com/screenshots/</guid>
								<description>
					<![CDATA[
					
					
					
																	<p class="banner"><a href="http://www.annyas.com/screenshots/"><img src="http://unstoppablerobotninja.com/images/uploads/screenshots.png" alt="" /></a></p>
						
						<p>Beautiful collection of stills taken from movie titles, categorized by decade. <i class="note">(Via <a href="http://notcoming.org/">Rumsey Taylor</a> on <a href="http://twitter.com/iamrumz">Twitter</a>.)</i></p>

					<a href="http://unstoppablerobotninja.com/entry/movie-title-stills-collection/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p>Beautiful collection of stills taken from movie titles, categorized by decade. <i class="note">(Via <a href="http://notcoming.org/">Rumsey Taylor</a> on <a href="http://twitter.com/iamrumz">Twitter</a>.)</i></p>

					<a href="http://unstoppablerobotninja.com/entry/movie-title-stills-collection/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/HpOt2sZG-qI" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-07-23T20:03:27+00:00</dc:date>
			<feedburner:origLink>http://www.annyas.com/screenshots/</feedburner:origLink></item>
		
			<item>
								<title>Handcrafted CSS: The Workshop</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/4wQLlwqRwgg/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/handcrafted-css-the-workshop/</guid>
								<description>
					<![CDATA[
										<p>When we <a href="http://unstoppablerobotninja.com/entry/announcing-handcrafted-css/">announced the book</a>, we <em>did</em> say to &#8220;stay tuned.&#8221; To wit:</p>

<p>We&#8217;ve been planning this for ages, so we&#8217;re excited to finally announce &#8220;<a href="http://handcraftedcss.com/workshop/">Handcrafted <abbr title="Cascading Style Sheets">CSS</abbr>: A Day of Markup &amp; Style</a>,&#8221; a one-day workshop presented by <a href="http://simplebits.com/">Dan Cederholm</a> and yours truly on <em>September 14, 2009</em> at the Hawthorne Hotel in picturesque Salem, Massachusetts.</p>

<p>For those who register, Dan and I will start the day by handing you a complimentary copy of <cite>Handcrafted <abbr>CSS</abbr></cite>&#8217;s <a href="http://astore.amazon.com/simplebits-20/detail/0321658531">Video Edition</a> (the book plus the <abbr title="Digital Versatile Disc">DVD</abbr>). From there, the book&#8217;s authors (that&#8217;d be <a href="http://simplebits.com/">Dan</a> and I&#8212;hiya!) will spend the day presenting the content over four information-packed sessions, with an in-depth <abbr title="Question and Answer">Q&#38;A</abbr>/discussion session to round out the day. And if you eat food, we&#8217;ve got you covered: breakfast, lunch, and the occasional snack break will be catered.</p>

<p>Oh, and did we mention the evening wrap party? Yeah. We have one of those.</p>

<p>We&#8217;re thrilled to be able to finally announce the workshop. Doubly so because of its location: The <a href="http://hawthornehotel.com/">Hawthorne Hotel</a> is located in downtown Salem, roughly <a href="http://maps.google.com/maps?f=q&#38;source=s_q&#38;hl=en&#38;geocode=&#38;q=Hawthorne+Hotel,+18+Washington+Square,+Salem,+MA%E2%80%8E&#38;sll=42.517505,-70.898337&#38;sspn=0.015879,0.027595&#38;ie=UTF8&#38;ll=42.523182,-70.887287&#38;spn=0.508088,0.883026&#38;z=10">sixteen miles from downtown Boston</a>. For those who are mass transit hounds like me, Salem&#8217;s <abbr title="Massachusetts Bay Transit Authority">MBTA</abbr> Commuter Rail station is an easy ~25 minute train ride from Boston, and the Hawthorne is a short walk once you&#8217;ve arrived.</p>

<p>So if you&#8217;ve ever wanted to go to one <em>hell</em> of a book release event in one of New England&#8217;s prettier towns, now&#8217;s your chance. Early bird registration is currently open at a discounted price of $399 per person, so come on over and <a href="http://handcraftedcss.com/workshop/">sign up</a>! We&#8217;ve got 100 seats available, and we&#8217;d love to see you in one of them.</p>

<p><i class="note">Interested in sponsoring the event? <a href="http://simplebits.com/about/">Dan</a> or <a href="http://unstoppablerobotninja.com/contact/">I</a> would love to hear from you. Drop us a line!</i></p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>When we <a href="http://unstoppablerobotninja.com/entry/announcing-handcrafted-css/">announced the book</a>, we <em>did</em> say to &#8220;stay tuned.&#8221; To wit:</p>

<p>We&#8217;ve been planning this for ages, so we&#8217;re excited to finally announce &#8220;<a href="http://handcraftedcss.com/workshop/">Handcrafted <abbr title="Cascading Style Sheets"><span class="caps">CSS</span></abbr>: A Day of Markup &amp; Style</a>,&#8221; a one-day workshop presented by <a href="http://simplebits.com/">Dan Cederholm</a> and yours truly on <em>September 14, 2009</em> at the Hawthorne Hotel in picturesque Salem, Massachusetts.</p>

<p>For those who register, Dan and I will start the day by handing you a complimentary copy of <cite>Handcrafted <abbr><span class="caps">CSS</span></abbr></cite>&#8217;s <a href="http://astore.amazon.com/simplebits-20/detail/0321658531">Video Edition</a> (the book plus the <abbr title="Digital Versatile Disc"><span class="caps">DVD</span></abbr>). From there, the book&#8217;s authors (that&#8217;d be <a href="http://simplebits.com/">Dan</a> and I&#8212;hiya!) will spend the day presenting the content over four information-packed sessions, with an in-depth <abbr title="Question and Answer">Q&#38;A</abbr>/discussion session to round out the day. And if you eat food, we&#8217;ve got you covered: breakfast, lunch, and the occasional snack break will be catered.</p>

<p>Oh, and did we mention the evening wrap party? Yeah. We have one of those.</p>

<p>We&#8217;re thrilled to be able to finally announce the workshop. Doubly so because of its location: The <a href="http://hawthornehotel.com/">Hawthorne Hotel</a> is located in downtown Salem, roughly <a href="http://maps.google.com/maps?f=q&#38;source=s_q&#38;hl=en&#38;geocode=&#38;q=Hawthorne+Hotel,+18+Washington+Square,+Salem,+MA%E2%80%8E&#38;sll=42.517505,-70.898337&#38;sspn=0.015879,0.027595&#38;ie=UTF8&#38;ll=42.523182,-70.887287&#38;spn=0.508088,0.883026&#38;z=10">sixteen miles from downtown Boston</a>. For those who are mass transit hounds like me, Salem&#8217;s <abbr title="Massachusetts Bay Transit Authority"><span class="caps">MBTA</span></abbr> Commuter Rail station is an easy ~25 minute train ride from Boston, and the Hawthorne is a short walk once you&#8217;ve arrived.</p>

<p>So if you&#8217;ve ever wanted to go to one <em>hell</em> of a book release event in one of New England&#8217;s prettier towns, now&#8217;s your chance. Early bird registration is currently open at a discounted price of $399 per person, so come on over and <a href="http://handcraftedcss.com/workshop/">sign up</a>! We&#8217;ve got 100 seats available, and we&#8217;d love to see you in one of them.</p>

<p><i class="note">Interested in sponsoring the event? <a href="http://simplebits.com/about/">Dan</a> or <a href="http://unstoppablerobotninja.com/contact/">I</a> would love to hear from you. Drop us a line!</i></p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/4wQLlwqRwgg" height="1" width="1"/>]]></content:encoded>

				<dc:date>2009-07-03T13:34:51+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/handcrafted-css-the-workshop/</feedburner:origLink></item>
		
	
	</channel>
</rss>
