<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet
			type="text/xsl"
			href="http://nedbatchelder.com/rssfull2html.xslt"
			media="screen"
		?>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns="http://purl.org/rss/1.0/">
    <channel rdf:about="http://nedbatchelder.com//blog">
        <title>Ned Batchelder's blog</title>
        <link>http://nedbatchelder.com/blog</link>
        <description>Ned Batchelder's personal blog.</description>
        <dc:language>en-US</dc:language>
        <image rdf:resource="http://nedbatchelder.com/pix/rss-banner.gif"/>
        <items>
            <rdf:Seq>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200805/neocube.html"/>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200805/two_animations.html"/>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200805/tv_and_social_surplus.html"/>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200805/css_homer_animated.html"/>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200804/homer_and_bush_in_css.html"/>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200804/reactos.html"/>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200804/mystery_why_no_toothpaste.html"/>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200804/nontransitive_dice.html"/>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200804/separating_sentences.html"/>
                
                    <rdf:li resource="http://nedbatchelder.com/blog/200804/commandshift3.html"/>
                
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="http://nedbatchelder.com/pix/rss-banner.gif">
        <title>Ned Batchelder's blog</title>
        <link>http://nedbatchelder.com/blog</link>
        <url>http://nedbatchelder.com/pix/rss-banner.gif</url>
    </image>
    
    
    <item rdf:about="http://nedbatchelder.com/blog/200805/neocube.html">
        <title>NeoCube</title>
        <link>http://nedbatchelder.com/blog/200805/neocube.html</link>
		
        <dc:date>2008-05-03T22:54:42-04:00</dc:date>
        <description><![CDATA[<p><a class="offsite" href="http://www.theneocube.com/">The NeoCube</a> is an astonishing toy
made of 216 high-strength magnetic ball bearings. The movie shows an array of
surprising transformations:
</p><p align="center"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/gidumziw4JE&amp;hl=en"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/gidumziw4JE&amp;hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></object></p><p>I'm mesmerized by the shifts from one form to another, especially when it
pops from a flat net to a Platonic solid all by itself.</p><p>Seems like a fun toy to have around, except for the part where those little
ball bearings could zap your disks or credit cards if they get too close...</p>
]]></description>
    </item>
    
    <item rdf:about="http://nedbatchelder.com/blog/200805/two_animations.html">
        <title>Two animations</title>
        <link>http://nedbatchelder.com/blog/200805/two_animations.html</link>
		
        <dc:date>2008-05-03T16:14:40-04:00</dc:date>
        <description><![CDATA[<p>Two great animations, in very different styles:
</p><ul>
<li><a class="offsite" href="http://www.youtube.com/watch?v=9IjTSqdNykc">Welcome To My Life</a>
is a rough pencil-drawn animation mockumentary about growing up monster.
I like the Smoking Popes' cover of Pure Imagination at the end.</li>
<li><a class="offsite" href="http://www.mytoons.com/animation/list/827">Nick Hilligoss</a>'
<a class="offsite" href="http://www.youtube.com/watch?v=_bl-MynjnCU">L'Animateur</a> is an
amazing stop-motion allegory about Adam and Eve.  Just wonderful on many levels.</li>
</ul>
]]></description>
    </item>
    
    <item rdf:about="http://nedbatchelder.com/blog/200805/tv_and_social_surplus.html">
        <title>TV and social surplus</title>
        <link>http://nedbatchelder.com/blog/200805/tv_and_social_surplus.html</link>
		
        <dc:date>2008-05-02T07:09:11-04:00</dc:date>
        <description><![CDATA[<p>Clay Shirky has a knack for putting his finger on it. In 
<a class="offsite" href="http://www.shirky.com/herecomeseverybody/2008/04/looking-for-the-mouse.html">Gin, Television, and Social Surplus</a>
(subtitled by the slug as Looking for the Mouse), he points a finger squarely,
humorously, and accurately at television as a huge time sink that people don't
even realize they are a part of.  You should read the whole thing because it
is wise and entertaining, but here's the quantitative eye-opener: he figures
that all of Wikipedia represents 100 million hours of work, which is a huge amount,
but that in the U.S. we watch 200 billion hours of TV each year. In other words,
if we stopped watching TV, not only would we have plenty of time to create
Wikipedia, we could create 2000 of them every year!
</p><p>I've often had people ask me how I have the time to do whatever side project
I'm working on at the moment.  Then the lunch table goes back to the usual
discussions: did you see the game? how about last night's episode of E.R.?
Those are fine ways to spend time, but at least don't be surprised that others
have found other ways.  I'm not trying to sound like a Luddite
(named for a <a class="offsite" href="http://en.wikipedia.org/wiki/Ned_Ludd">fellow Ned</a>),
I like TV too.  I look forward to <a class="offsite" href="http://www.nbc.com/30_Rock/">30 Rock</a>
like nobody's business.
</p><p>But if I sit and watch for too long, I get antsy, I want to be <em>doing</em>
something. This is Shirky's second point: that TV is a one-way medium, and that
computers and the internet have shown us the power of two-way interaction.</p><p>It's a great essay — turn off the TV and go read it, then write something.</p>
]]></description>
    </item>
    
    <item rdf:about="http://nedbatchelder.com/blog/200805/css_homer_animated.html">
        <title>CSS Homer, animated</title>
        <link>http://nedbatchelder.com/blog/200805/css_homer_animated.html</link>
		
        <dc:date>2008-05-01T07:34:20-04:00</dc:date>
        <description><![CDATA[<p>Here's Román Cortés'
<a class="offsite" href="http://www.romancortes.com/blog/homer-css/">Homer</a>, animated to show the structure.
I haven't done anything to Román's amazing work other than to annotate the divs with
ids and add a bit of jQuery to show them in sequence so that you can see the characters
being added one at a time.
</p><a name="more"></a><script>
var i = -1;
var speed = 200;

function resetall() {
    jQuery("div.it").hide();
    i = -1;
}

function shownext() {
    i += 1;
    var it = jQuery("#x"+i);
    if (it.length > 0) {
        it.fadeIn(speed, shownext);
    }
}

function animate_fast() {
    speed = 100;
    resetall();
    shownext();
}

function animate_slow() {
    speed = 500;
    resetall();
    shownext();
}
</script><div style="width: 100%; height: 466px;">
<div style="border: 2px solid rgb(0, 0, 0); float: left; line-height: normal; background-color: rgb(255, 255, 255);">
<div style="overflow: hidden; width: 6.23em; height: 7.7em; font-family: Verdana; font-size: 60px;">
<div style="margin-top: -0.7em;">

<div class="it" id="x0" style="position: absolute; padding-left: 1.56em; padding-top: 0.37em;">
    <div style="font-size: 2.57em; font-weight: bold; color: rgb(0, 0, 0);">o</div>
</div>

<div class="it" id="x1" style="position: absolute; padding-left: 1.62em; padding-top: 0.53em;">
    <div style="font-size: 2.38em; font-weight: bold; color: rgb(255, 255, 255);">o</div>
</div>

<div class="it" id="x2" style="position: absolute; padding-left: 1.2em; padding-top: 0.67em;">
    <div style="font-size: 2.48em; color: rgb(0, 0, 0);">o</div>
</div>

<div class="it" id="x3" style="position: absolute; padding-left: 1.29em; padding-top: 0.85em;">
    <div style="font-size: 2.23em; color: rgb(255, 255, 255);">o</div>
</div>

<div class="it" id="x4" style="position: absolute; padding-left: 1.57em; padding-top: 2.03em;">
    <div style="width: 0.32em; height: 0.52em; background-color: rgb(255, 255, 255);"></div>
</div>

<div class="it" id="x5" style="position: absolute; padding-left: 1.52em; padding-top: 1.56em;">
    <div style="font-size: 0.8em; font-style: italic; color: rgb(0, 0, 0);">(</div>
</div>

<div style="color: rgb(0, 0, 0);">
    <div class="it" id="x6" style="position: absolute; padding-left: 1.07em; padding-top: 0.62em;">
        <div style="font-size: 4.57em;">O</div>
    </div>

    <div class="it" id="x7" style="position: absolute; padding-left: 1.05em; padding-top: 1.15em;">
        <div style="font-size: 3.53em;">O</div>
    </div>

    <div class="it" id="x8" style="position: absolute; padding-left: 1.12em; padding-top: 0.74em;">
        <div style="font-size: 4.63em;">O</div>
    </div>

    <div class="it" id="x9" style="position: absolute; padding-left: 1.08em; padding-top: 3.64em;">
        <div style="font-size: 1.77em; font-weight: bold; font-style: italic;">\</div>
    </div>

    <div class="it" id="x10" style="position: absolute; padding-left: 1.17em; padding-top: 4.8em;">
        <div style="font-size: 3.29em; font-weight: bold; font-style: italic;">L</div>
    </div>

    <div class="it" id="x11" style="position: absolute; padding-left: 3.14em; padding-top: 5.21em;">
        <div style="overflow: hidden; font-size: 3.01em; font-weight: bold; font-style: italic; height: 0.96em;">(</div>
    </div>

    <div class="it" id="x12" style="position: absolute; padding-left: 4.13em; padding-top: 3.23em;">
        <div style="font-size: 0.7em; font-weight: bold;">O</div>
    </div>

    <div class="it" id="x13" style="position: absolute; padding-left: 1.37em; padding-top: 5.08em;">
        <div style="font-size: 0.97em; font-weight: bold;">O</div>
    </div>
</div>

<div style="color: rgb(254, 217, 14);">
    <div class="it" id="x14" style="position: absolute; padding-left: 1.15em; padding-top: 0.76em;">
        <div style="font-size: 4.37em;">O</div>
    </div>

    <div class="it" id="x15" style="position: absolute; padding-left: 1.14em; padding-top: 1.26em;">
        <div style="font-size: 3.37em;">O</div>
    </div>

    <div class="it" id="x16" style="position: absolute; padding-left: 1.2em; padding-top: 0.87em;">
        <div style="font-size: 4.42em;">O</div>
    </div>

    <div class="it" id="x17" style="position: absolute; padding-left: 1.15em; padding-top: 3.61em;">
        <div style="font-size: 1.7em; font-weight: bold; font-style: italic;">\</div>
    </div>

    <div class="it" id="x18" style="position: absolute; padding-left: 1.24em; padding-top: 4.93em;">
        <div style="font-size: 3.18em; font-weight: bold; font-style: italic;">L</div>
    </div>

    <div class="it" id="x19" style="position: absolute; padding-left: 3.03em; padding-top: 5.05em;">
        <div style="overflow: hidden; font-size: 3.2em; font-weight: bold; font-style: italic; height: 0.96em;">(</div>
    </div>

    <div class="it" id="x20" style="position: absolute; padding-left: 4.18em; padding-top: 3.34em;">
        <div style="font-size: 0.55em; font-weight: bold;">O</div>
    </div>
</div>

<div class="it" id="x21" style="position: absolute; padding-left: 1.84em; padding-top: 2.37em;">
    <div style="width: 1.92em; height: 5.76em; background-color: rgb(254, 217, 14);"></div>
</div>

<div class="it" id="x22" style="position: absolute; padding-left: 3.7em; padding-top: 2.73em;">
    <div style="width: 0.3em; height: 1.56em; background-color: rgb(254, 217, 14);"></div>
</div>

<div class="it" id="x23" style="position: absolute; padding-left: 4.36em; padding-top: 3.51em;">
    <div style="width: 0.16em; height: 0.34em; background-color: rgb(254, 217, 14);"></div>
</div>

<div class="it" id="x24" style="position: absolute; padding-left: 1.62em; padding-top: 5.47em;">
    <div style="font-size: 10px;">
        <div style="width: 2.6em; height: 3em; background-color: rgb(254, 217, 14);"></div>
    </div>
</div>

<div style="color: rgb(0, 0, 0);">
    <div class="it" id="x25" style="position: absolute; padding-left: 1.23em; padding-top: 4.57em;">
        <div style="font-size: 0.67em;">|</div>
    </div>

    <div class="it" id="x26" style="position: absolute; padding-left: 1.23em; padding-top: 4.37em;">
        <div style="font-size: 0.67em;">|</div>
    </div>

    <div class="it" id="x27" style="position: absolute; padding-left: 1.34em; padding-top: 4.37em;">
        <div style="font-size: 0.67em;">\</div>
    </div>

    <div class="it" id="x28" style="position: absolute; padding-left: 1.4em; padding-top: 4.53em;">
        <div style="font-size: 0.67em;">\</div>
    </div>

    <div class="it" id="x29" style="position: absolute; padding-left: 1.55em; padding-top: 4.49em;">
        <div style="font-size: 0.67em;">|</div>
    </div>

    <div class="it" id="x30" style="position: absolute; padding-left: 1.55em; padding-top: 4.19em;">
        <div style="font-size: 0.67em;">|</div>
    </div>

    <div class="it" id="x31" style="position: absolute; padding-left: 1.66em; padding-top: 4.19em;">
        <div style="font-size: 0.67em;">\</div>
    </div>

    <div class="it" id="x32" style="position: absolute; padding-left: 1.76em; padding-top: 4.45em;">
        <div style="font-size: 0.67em;">\</div>
    </div>

    <div class="it" id="x33" style="position: absolute; padding-left: 1.27em; padding-top: 2.54em;">
        <div style="font-size: 0.42em; font-weight: bold; font-style: italic;">\</div>
    </div>

    <div class="it" id="x34" style="position: absolute; padding-left: 1.51em; padding-top: 2.18em;">
        <div style="font-size: 0.42em; font-weight: bold; font-style: italic;">\</div>
    </div>

    <div class="it" id="x35" style="position: absolute; padding-left: 2.31em; padding-top: 5.32em;">
        <div style="font-size: 1.47em; font-weight: bold; font-style: italic;">(</div>
    </div>

    <div class="it" id="x36" style="position: absolute; padding-left: 2.29em; padding-top: 5.69em;">
        <div style="font-size: 1.11em; font-weight: bold;">(</div>
    </div>

    <div class="it" id="x37" style="position: absolute; padding-left: 2.92em; padding-top: 4.72em;">
        <div style="font-size: 2.4em; font-weight: bold;">8</div>
    </div>

    <div class="it" id="x38" style="position: absolute; padding-left: 2.43em; padding-top: 3.96em;">
        <div style="font-size: 3.13em; font-weight: bold; font-style: italic;">o</div>
    </div>

    <div class="it" id="x39" style="position: absolute; padding-left: 2.31em; padding-top: 4.05em;">
        <div style="font-size: 3.13em; font-weight: bold; font-style: italic;">o</div>
    </div>

    <div class="it" id="x40" style="position: absolute; padding-left: 2.33em; padding-top: 4.37em;">
        <div style="font-size: 3.06em; font-weight: bold;">o</div>
    </div>
</div>

<div style="color: rgb(205, 178, 111);">
    <div class="it" id="x41" style="position: absolute; padding-left: 2.39em; padding-top: 5.36em;">
        <div style="font-size: 1.38em; font-weight: bold; font-style: italic;">(</div>
    </div>

    <div class="it" id="x42" style="position: absolute; padding-left: 2.37em; padding-top: 5.75em;">
        <div style="font-size: 1.04em; font-weight: bold;">(</div>
    </div>

    <div class="it" id="x43" style="position: absolute; padding-left: 2.95em; padding-top: 4.82em;">
        <div style="font-size: 2.25em; font-weight: bold;">8</div>
    </div>

    <div class="it" id="x44" style="position: absolute; padding-left: 2.49em; padding-top: 4.15em;">
        <div style="font-size: 2.93em; font-weight: bold; font-style: italic;">o</div>
    </div>

    <div class="it" id="x45" style="position: absolute; padding-left: 2.39em; padding-top: 4.22em;">
        <div style="font-size: 2.93em; font-weight: bold; font-style: italic;">o</div>
    </div>

    <div class="it" id="x46" style="position: absolute; padding-left: 2.4em; padding-top: 4.5em;">
        <div style="font-size: 2.87em; font-weight: bold;">o</div>
    </div>
</div>

<div class="it" id="x47" style="position: absolute; padding-left: 2.98em; padding-top: 6.09em;">
    <div style="width: 0.76em; height: 1em; background-color: rgb(205, 178, 111);"></div>
</div>

<div style="color: rgb(0, 0, 0);">
    <div class="it" id="x48" style="position: absolute; padding-left: 3.69em; padding-top: 4.28em;">
        <div style="font-size: 2.2em;">o</div>
    </div>

    <div class="it" id="x49" style="position: absolute; padding-left: 4.62em; padding-top: 5.42em;">
        <div style="font-size: 1.01em;">)</div>
    </div>

    <div class="it" id="x50" style="position: absolute; padding-left: 4.78em; padding-top: 5.72em;">
        <div style="font-size: 0.72em;">)</div>
    </div>

    <div class="it" id="x51" style="position: absolute; padding-left: 4.53em; padding-top: 5.65em;">
        <div style="font-size: 0.94em;">b</div>
    </div>

    <div class="it" id="x52" style="position: absolute; padding-left: 4em; padding-top: 5.09em;">
        <div style="font-size: 1.59em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x53" style="position: absolute; padding-left: 3.33em; padding-top: 4.79em;">
        <div style="font-size: 1.95em; font-weight: bold;">O</div>
    </div>

    <div class="it" id="x54" style="position: absolute; padding-left: 3.15em; padding-top: 4.3em;">
        <div style="font-size: 2.42em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x55" style="position: absolute; padding-left: 3.01em; padding-top: 4.46em;">
        <div style="font-size: 2.23em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x56" style="position: absolute; padding-left: 2.88em; padding-top: 4.43em;">
        <div style="font-size: 2.23em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x57" style="position: absolute; padding-left: 2.81em; padding-top: 4.71em;">
        <div style="font-size: 1.9em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x58" style="position: absolute; padding-left: 3.69em; padding-top: 4.74em;">
        <div style="font-size: 1.97em; font-weight: bold;">o</div>
    </div>
</div>

<div style="color: rgb(205, 178, 111);">
    <div class="it" id="x59" style="position: absolute; padding-left: 3.7em; padding-top: 4.4em;">
        <div style="font-size: 2.06em;">o</div>
    </div>

    <div class="it" id="x60" style="position: absolute; padding-left: 4.57em; padding-top: 5.44em;">
        <div style="font-size: 0.95em;">)</div>
    </div>

    <div class="it" id="x61" style="position: absolute; padding-left: 4.49em; padding-top: 5.66em;">
        <div style="font-size: 0.88em;">b</div>
    </div>

    <div class="it" id="x62" style="position: absolute; padding-left: 4.01em; padding-top: 5.14em;">
        <div style="font-size: 1.48em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x63" style="position: absolute; padding-left: 3.37em; padding-top: 4.84em;">
        <div style="font-size: 1.83em; font-weight: bold;">O</div>
    </div>

    <div class="it" id="x64" style="position: absolute; padding-left: 3.21em; padding-top: 4.38em;">
        <div style="font-size: 2.27em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x65" style="position: absolute; padding-left: 3.07em; padding-top: 4.54em;">
        <div style="font-size: 2.09em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x66" style="position: absolute; padding-left: 2.95em; padding-top: 4.53em;">
        <div style="font-size: 2.08em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x67" style="position: absolute; padding-left: 2.88em; padding-top: 4.78em;">
        <div style="font-size: 1.78em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x68" style="position: absolute; padding-left: 3.71em; padding-top: 4.79em;">
        <div style="font-size: 1.85em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x69" style="position: absolute; padding-left: 2.87em; padding-top: 4.59em;">
        <div style="font-size: 1.93em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x70" style="position: absolute; padding-left: 3.09em; padding-top: 4.55em;">
        <div style="font-size: 1.93em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x71" style="position: absolute; padding-left: 2.73em; padding-top: 5.03em;">
        <div style="font-size: 1.44em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x72" style="position: absolute; padding-left: 2.59em; padding-top: 5.77em;">
        <div style="font-size: 0.82em; font-weight: bold;">o</div>
    </div>

    <div class="it" id="x73" style="position: absolute; padding-left: 3.04em; padding-top: 6.4em;">
        <div style="font-size: 0.16em; font-weight: bold; font-style: italic; color: rgb(0, 0, 0);">/</div>
    </div>

    <div class="it" id="x74" style="position: absolute; padding-left: 3.03em; padding-top: 6.4em;">
        <div style="font-size: 0.16em; font-weight: bold; font-style: italic; color: rgb(0, 0, 0);">/</div>
    </div>

    <div class="it" id="x75" style="position: absolute; padding-left: 3.02em; padding-top: 6.4em;">
        <div style="font-size: 0.16em; font-weight: bold; font-style: italic; color: rgb(0, 0, 0);">/</div>
    </div>
</div>

<div class="it" id="x76" style="position: absolute; padding-left: 3.24em; padding-top: 2.49em;">
    <div style="font-size: 2.76em; font-weight: bold; color: rgb(0, 0, 0);">•</div>
</div>

<div class="it" id="x77" style="position: absolute; padding-left: 3.34em; padding-top: 2.68em;">
    <div style="font-size: 2.49em; font-weight: bold; color: rgb(255, 255, 255);">•</div>
</div>

<div class="it" id="x78" style="position: absolute; padding-left: 4.2em; padding-top: 4.26em;">
    <div style="font-size: 0.28em; font-weight: bold; color: rgb(0, 0, 0);">•</div>
</div>

<div class="it" id="x79" style="position: absolute; padding-left: 3.9em; padding-top: 4.05em;">
    <div style="font-size: 1.47em; font-weight: bold; color: rgb(0, 0, 0);">•</div>
</div>

<div class="it" id="x80" style="position: absolute; padding-left: 3.99em; padding-top: 4.23em;">
    <div style="font-size: 1.2em; font-weight: bold; color: rgb(254, 217, 14);">•</div>
</div>

<div class="it" id="x81" style="position: absolute; padding-left: 3.66em; padding-top: 4.7em;">
    <div style="font-size: 10px;">
        <div style="width: 4.6em; height: 3.88em; background-color: rgb(254, 217, 14);"></div>
    </div>
</div>

<div class="it" id="x82" style="position: absolute; padding-left: 3.68em; padding-top: 3.36em;">
    <div style="font-size: 1.2em; color: rgb(0, 0, 0);">_</div>
</div>

<div class="it" id="x83" style="position: absolute; padding-left: 3.68em; padding-top: 4.03em;">
    <div style="font-size: 1.2em; color: rgb(0, 0, 0);">_</div>
</div>

<div class="it" id="x84" style="position: absolute; padding-left: 3.64em; padding-top: 4.03em;">
    <div style="font-size: 1.2em; color: rgb(0, 0, 0);">_</div>
</div>

<div class="it" id="x85" style="position: absolute; padding-left: 1.96em; padding-top: 2.33em;">
    <div style="font-size: 3.04em; font-weight: bold; color: rgb(0, 0, 0);">•</div>
</div>

<div class="it" id="x86" style="position: absolute; padding-left: 2.06em; padding-top: 2.5em;">
    <div style="font-size: 2.77em; font-weight: bold; color: rgb(255, 255, 255);">•</div>
</div>

<div class="it" id="x87" style="position: absolute; padding-left: 2.67em; padding-top: 4.23em;">
    <div style="font-size: 0.28em; font-weight: bold; color: rgb(0, 0, 0);">•</div>
</div>

<div class="it" id="x88" style="position: absolute; padding-left: 1.46em; padding-top: 5.18em;">
    <div style="font-size: 0.66em; color: rgb(0, 0, 0);">C</div>
</div>

<div class="it" id="x89" style="position: absolute; padding-left: 1.47em; padding-top: 5.4em;">
    <div style="font-size: 0.66em; color: rgb(0, 0, 0);">C</div>
</div>

<div class="it" id="x90" style="position: absolute; padding-left: 1.62em; padding-top: 5.53em;">
    <div style="font-size: 10px;">
        <div style="width: 2.2em; height: 2.2em; background-color: rgb(254, 217, 14);"></div>
    </div>
</div>

<div class="it" id="x91" style="position: absolute; padding-left: 1.45em; padding-top: 5.19em;">
    <div style="font-size: 0.8em; font-weight: bold; color: rgb(254, 217, 14);">O</div>
</div>

<div class="it" id="x92" style="position: absolute; padding-left: 1.58em; padding-top: 5.47em;">
    <div style="font-size: 0.25em; font-weight: bold; font-style: italic; color: rgb(0, 0, 0);">(</div>
</div>

<div class="it" id="x93" style="position: absolute; padding-left: 1.62em; padding-top: 5.46em;">
    <div style="font-size: 0.25em; font-weight: bold; font-style: italic; color: rgb(0, 0, 0);">-</div>
</div>
</div>
</div>
</div>
</div><p></p><p></p><p>Click your choice of fast or slow animation:</p><p><button id="gofast" onclick="animate_fast();">Animate fast</button><button id="goslow" onclick="animate_slow();">Animate slow</button></p><p>Román also made a <a class="offsite" href="http://www.romancortes.com/blog/bush-css/">George Bush</a>.</p><p>PS: if this doesn't look right for you, it may be that you are on Linux and don't have the Verdana font.
You can install it from the <a class="offsite" href="http://corefonts.sourceforge.net/">msttcorefonts</a> package.</p>
]]></description>
    </item>
    
    <item rdf:about="http://nedbatchelder.com/blog/200804/homer_and_bush_in_css.html">
        <title>Homer and Bush in CSS</title>
        <link>http://nedbatchelder.com/blog/200804/homer_and_bush_in_css.html</link>
		
        <dc:date>2008-04-29T20:29:59-04:00</dc:date>
        <description><![CDATA[<p>Román Cortés has done an amazing thing.  He's made 
portraits of
<a class="offsite" href="http://www.romancortes.com/blog/homer-css/">Homer Simpson</a> and
<a class="offsite" href="http://www.romancortes.com/blog/bush-css/">George Bush</a>.  Here's Homer:
</p><blockquote><div><p>o o o o ( O O O \ L ( O O O O O \ L ( O | | \ \ | | \ \ \ \ ( ( 8 o o
o ( ( 8 o o o o ) ) b o O o o o o o o ) b o O o o o o o o o o o / / / • • • • •
_ _ _ • • • C C O (
-</p>
</div></blockquote><p>and here's Bush:</p><blockquote><div><p>o o o o o o o l o ´ ´ ` ) ) ( · o `
-
-
-
· · o o
-
/ 0 /
-
( o o ` ` ( ( o \ ´ o o o o ` 0 ( \
-
`
-
· · o ( 0 0 ~ o o o o 0 0 0 0 ( ` ( o o o o o o o o
-
‘
-
0 0 o o o o o o · • O ´ o o ` / · ( · ´ ) ` \ · · o o 0 0 • ` ` • / /
-
-
-
-
o 0 o o o o o o o o
-
-
-
-
• • • o o
-
• • • • • • ´
-
-
( \ ( o o • • • • • ) • • • • • • • • • • • / / • ` • • • • • • • • • • • • •
   • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ` ) ´ ` ` ` ` • • ´
   ´ ´ ´ l `
</p></div></blockquote><p>Wait, those won't look right without the proper CSS styling.  Here they are
as they are meant to be seen:</p><p align="center">
    <a class="offsite" href="http://www.romancortes.com/blog/homer-css/"><img src="http://nedbatchelder.net/pix/csshomer.jpg" alt="Homer Simpson" width="245" height="300"></a>
    <a class="offsite" href="http://www.romancortes.com/blog/bush-css/"><img src="http://nedbatchelder.net/pix/cssbush.jpg" alt="George Bush" width="224" height="300"></a>
</p><p>Yes, those really are characters styled to position them correctly to make
the images. Go look at the HTML source on the original HTML pages to see for
yourself.</p><p>This is oddly reminiscent of a similar Simpsons-themed artwork: <a href="http://nedbatchelder.net/blog/200208/google_groups_ascii_art.html">Google groups ascii art: Bart Simpson</a>.
</p>
]]></description>
    </item>
    
    <item rdf:about="http://nedbatchelder.com/blog/200804/reactos.html">
        <title>ReactOS</title>
        <link>http://nedbatchelder.com/blog/200804/reactos.html</link>
		
        <dc:date>2008-04-29T06:58:59-04:00</dc:date>
        <description><![CDATA[<p>This has been around for a long time, but I'd never heard of it:
<a class="offsite" href="http://www.reactos.org">ReactOS</a> is an open-source re-implementation
of Windows.  I guess it's possible to be fanatically devoted to both Windows
and open source.  As mammoth a task as this sounds, it seems they are making
progress.  Although they've been at it for about 
<a class="offsite" href="http://www.reactos.org/en/about_history.html">ten years</a>,
they have <a class="offsite" href="http://www.reactos.org/en/tour.html">screenshots of working code</a>,
and an active subversion repository (they're
<a class="offsite" href="http://svn.reactos.org/svn/reactos?view=rev&amp;revision=33186">working
on DirectX support</a> now).
</p><p>I wonder what the future will hold for ReactOS.  Microsoft will continue to
build Windows, widening the gap between what Windows and ReactOS are,
though if the reaction to Vista is any indication, perhaps XP
and its ReactOS clone will be considered the golden age of Windows.
At the same time, anti-Microsoft sentiment will continue to build among the open
source community, either in the pro-Linux or pro-Apple flavor.
</p>
]]></description>
    </item>
    
    <item rdf:about="http://nedbatchelder.com/blog/200804/mystery_why_no_toothpaste.html">
        <title>Mystery: why no toothpaste?</title>
        <link>http://nedbatchelder.com/blog/200804/mystery_why_no_toothpaste.html</link>
		
        <dc:date>2008-04-28T22:16:18-04:00</dc:date>
        <description><![CDATA[<p>Here's something I don't understand: why do hotels provide all sorts of little
bottles of bathroom stuff, but they don't give you toothpaste?  At the hotel
we stayed at in <a class="offsite" href="http://susansenator.com/blog/2008/04/escape-to-new-york.html">New York
over the weekend</a>, they gave us shampoo, conditioner, hand lotion, and mouthwash.
So why not toothpaste?
</p><p>BTW: this question reminds me of David Weinberger's
<a class="offsite" href="http://www.hyperorg.com/blogger/category/puzzles/">Daily Open-Ended Puzzles</a>.
</p>
]]></description>
    </item>
    
    <item rdf:about="http://nedbatchelder.com/blog/200804/nontransitive_dice.html">
        <title>Non-transitive dice</title>
        <link>http://nedbatchelder.com/blog/200804/nontransitive_dice.html</link>
		
        <dc:date>2008-04-24T07:20:05-04:00</dc:date>
        <description><![CDATA[<p>I'm still trying to wrap my head around this.
<a class="offsite" href="http://www.jimloy.com/puzz/nontran.htm">Non-transitive dice</a> are four
dice and a game to go with them, where each die beats the next in line, and the
last beats the first.  Each can be shown to be better than the next, but somehow
it keeps going in a cycle, never reaching an all-around best die.  Kind of like
a quantitative rock-paper-scissors, reminiscent of
<a class="offsite" href="http://en.wikipedia.org/wiki/Ascending_and_Descending">Escher's Ascending and Descending</a>.
</p><p>Wikipedia has <a class="offsite" href="http://en.wikipedia.org/wiki/Nontransitive_dice">more on these dice</a>.</p>
]]></description>
    </item>
    
    <item rdf:about="http://nedbatchelder.com/blog/200804/separating_sentences.html">
        <title>Separating sentences</title>
        <link>http://nedbatchelder.com/blog/200804/separating_sentences.html</link>
		
        <dc:date>2008-04-19T06:50:40-04:00</dc:date>
        <description><![CDATA[<p>One of the things I needed for my new home page design was a way to split
a chunk of HTML to get just the text of the first sentence, which I use for the
blog posts on the front page.
</p><p>The preliminaries: these are <a class="offsite" href="http://djangoproject.com">Django</a>
<a class="offsite" href="http://www.djangoproject.com/documentation/templates_python/#writing-custom-template-filters">filters</a>,
but mostly they're just string functions, wrapped with Django decorators to
make them useful in Django templates.
</p><p>Here are two helpers:</p><blockquote class="code"><tt><span class="p_default">@</span><span class="p_identifier">register</span><span class="p_operator">.</span><span class="p_identifier">filter</span><span class="p_operator">()</span><br/>
<span class="p_default">@</span><span class="p_identifier">stringfilter</span><br/>
<span class="p_word">def</span><span class="p_default">&#160;</span><span class="p_defname">inner_html</span><span class="p_operator">(</span><span class="p_identifier">value</span><span class="p_operator">):</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_tripledouble">"""&#160;Strip&#160;off&#160;the&#160;outer&#160;tag&#160;of&#160;the&#160;HTML&#160;passed&#160;in.</span><br/>
<span class="p_tripledouble">&#160;&#160;&#160;&#160;"""</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_word">if</span><span class="p_default">&#160;</span><span class="p_identifier">value</span><span class="p_operator">.</span><span class="p_identifier">startswith</span><span class="p_operator">(</span><span class="p_character">'&lt;'</span><span class="p_operator">):</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_identifier">value</span><span class="p_default">&#160;</span><span class="p_operator">=</span><span class="p_default">&#160;</span><span class="p_identifier">value</span><span class="p_operator">.</span><span class="p_identifier">split</span><span class="p_operator">(</span><span class="p_character">'&gt;'</span><span class="p_operator">,</span><span class="p_default">&#160;</span><span class="p_number">1</span><span class="p_operator">)[</span><span class="p_number">1</span><span class="p_operator">].</span><span class="p_identifier">rsplit</span><span class="p_operator">(</span><span class="p_character">'&lt;'</span><span class="p_operator">,</span><span class="p_default">&#160;</span><span class="p_number">1</span><span class="p_operator">)[</span><span class="p_number">0</span><span class="p_operator">]</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_word">return</span><span class="p_default">&#160;</span><span class="p_identifier">value</span><br/>
<br/>
<span class="p_default">@</span><span class="p_identifier">register</span><span class="p_operator">.</span><span class="p_identifier">filter</span><span class="p_operator">()</span><br/>
<span class="p_default">@</span><span class="p_identifier">stringfilter</span><br/>
<span class="p_word">def</span><span class="p_default">&#160;</span><span class="p_defname">first_par</span><span class="p_operator">(</span><span class="p_identifier">value</span><span class="p_operator">):</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_tripledouble">"""&#160;Take&#160;just&#160;the&#160;first&#160;paragraph&#160;of&#160;the&#160;HTML&#160;passed&#160;in.</span><br/>
<span class="p_tripledouble">&#160;&#160;&#160;&#160;"""</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_word">return</span><span class="p_default">&#160;</span><span class="p_identifier">value</span><span class="p_operator">.</span><span class="p_identifier">split</span><span class="p_operator">(</span><span class="p_string">"&lt;/p&gt;"</span><span class="p_operator">)[</span><span class="p_number">0</span><span class="p_operator">]</span><span class="p_default">&#160;</span><span class="p_operator">+</span><span class="p_default">&#160;</span><span class="p_string">"&lt;/p&gt;"</span><br/>
</tt></blockquote><p>These functions are pretty simple, meant to operate on simple inputs.
For example, first_par assumes that the opening tag of the HTML is &lt;p&gt;.
</p><p>Splitting sentences is fairly tricky.  I tried searching for a Python snippet,
which I didn't find.  I tried thinking about regexes that could do it, but the
rules are too complicated.  In the end, the code structure I could understand
was to break the text into words, and then add words one at a time to a potential
sentence, checking it for sentence-hood.</p><p>Here's the rules I came up with for something being a sentence:
</p><ul>
<li>The end of the sentence must be punctuation (.!?), possibly with closing
parens and/or double-quote after it.</li>
<li>The next chunk of text has to start with an upper-case letter or number,
possibly with an opening paren and/or double-quote preceding it.</li>
<li>The sentence can't end with "Mr." or titles like it, or an initial.
This is to keep the previous two rules from splitting sentences like "Hello Mr. John Q. Public!"
incorrectly in the middle.</li>
<li>The sentence needs to have balanced parens and double-quotes.
This ensures that sentences breaks won't be identified in quoted material (or
parenthetical asides).
</li>
</ul><p>These rules seem to work well for picking out the first sentence from each
of my 1800-odd blog posts.  Here's the code:</p><blockquote class="code"><tt><span class="p_default">@</span><span class="p_identifier">register</span><span class="p_operator">.</span><span class="p_identifier">filter</span><span class="p_operator">()</span><br/>
<span class="p_default">@</span><span class="p_identifier">stringfilter</span><br/>
<span class="p_word">def</span><span class="p_default">&#160;</span><span class="p_defname">first_sentence</span><span class="p_operator">(</span><span class="p_identifier">value</span><span class="p_operator">):</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_tripledouble">"""&#160;Take&#160;just&#160;the&#160;first&#160;sentence&#160;of&#160;the&#160;HTML&#160;passed&#160;in.</span><br/>
<span class="p_tripledouble">&#160;&#160;&#160;&#160;"""</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_identifier">value</span><span class="p_default">&#160;</span><span class="p_operator">=</span><span class="p_default">&#160;</span><span class="p_identifier">inner_html</span><span class="p_operator">(</span><span class="p_identifier">first_par</span><span class="p_operator">(</span><span class="p_identifier">value</span><span class="p_operator">))</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_identifier">words</span><span class="p_default">&#160;</span><span class="p_operator">=</span><span class="p_default">&#160;</span><span class="p_identifier">value</span><span class="p_operator">.</span><span class="p_identifier">split</span><span class="p_operator">()</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_commentline">#&#160;Collect&#160;words&#160;until&#160;the&#160;result&#160;is&#160;a&#160;sentence.</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_identifier">sentence</span><span class="p_default">&#160;</span><span class="p_operator">=</span><span class="p_default">&#160;</span><span class="p_string">""</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_word">while</span><span class="p_default">&#160;</span><span class="p_identifier">words</span><span class="p_operator">:</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">if</span><span class="p_default">&#160;</span><span class="p_identifier">sentence</span><span class="p_operator">:</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_identifier">sentence</span><span class="p_default">&#160;</span><span class="p_operator">+=</span><span class="p_default">&#160;</span><span class="p_string">"&#160;"</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_identifier">sentence</span><span class="p_default">&#160;</span><span class="p_operator">+=</span><span class="p_default">&#160;</span><span class="p_identifier">words</span><span class="p_operator">.</span><span class="p_identifier">pop</span><span class="p_operator">(</span><span class="p_number">0</span><span class="p_operator">)</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">if</span><span class="p_default">&#160;</span><span class="p_word">not</span><span class="p_default">&#160;</span><span class="p_identifier">re</span><span class="p_operator">.</span><span class="p_identifier">search</span><span class="p_operator">(</span><span class="p_character">r'[.?!][)"]*$'</span><span class="p_operator">,</span><span class="p_default">&#160;</span><span class="p_identifier">sentence</span><span class="p_operator">):</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_commentline">#&#160;End&#160;of&#160;sentence&#160;doesn't&#160;end&#160;with&#160;punctuation.</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">continue</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">if</span><span class="p_default">&#160;</span><span class="p_identifier">words</span><span class="p_default">&#160;</span><span class="p_word">and</span><span class="p_default">&#160;</span><span class="p_word">not</span><span class="p_default">&#160;</span><span class="p_identifier">re</span><span class="p_operator">.</span><span class="p_identifier">search</span><span class="p_operator">(</span><span class="p_character">r'^[("]*[A-Z0-9]'</span><span class="p_operator">,</span><span class="p_default">&#160;</span><span class="p_identifier">words</span><span class="p_operator">[</span><span class="p_number">0</span><span class="p_operator">]):</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_commentline">#&#160;Next&#160;sentence&#160;has&#160;to&#160;start&#160;with&#160;upper&#160;case.</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">continue</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">if</span><span class="p_default">&#160;</span><span class="p_identifier">re</span><span class="p_operator">.</span><span class="p_identifier">search</span><span class="p_operator">(</span><span class="p_character">r'(Mr\.|Mrs\.|Ms\.|Dr\.|&#160;[A-Z]\.)$'</span><span class="p_operator">,</span><span class="p_default">&#160;</span><span class="p_identifier">sentence</span><span class="p_operator">):</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_commentline">#&#160;If&#160;the&#160;"sentence"&#160;ends&#160;with&#160;a&#160;title&#160;or&#160;initial,&#160;then&#160;it&#160;probably</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_commentline">#&#160;isn't&#160;the&#160;end&#160;of&#160;the&#160;sentence.</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">continue</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">if</span><span class="p_default">&#160;</span><span class="p_identifier">sentence</span><span class="p_operator">.</span><span class="p_identifier">count</span><span class="p_operator">(</span><span class="p_character">'('</span><span class="p_operator">)</span><span class="p_default">&#160;</span><span class="p_operator">!=</span><span class="p_default">&#160;</span><span class="p_identifier">sentence</span><span class="p_operator">.</span><span class="p_identifier">count</span><span class="p_operator">(</span><span class="p_character">')'</span><span class="p_operator">):</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_commentline">#&#160;A&#160;sentence&#160;has&#160;to&#160;have&#160;balanced&#160;parens.</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">continue</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">if</span><span class="p_default">&#160;</span><span class="p_identifier">sentence</span><span class="p_operator">.</span><span class="p_identifier">count</span><span class="p_operator">(</span><span class="p_character">'"'</span><span class="p_operator">)</span><span class="p_default">&#160;</span><span class="p_operator">%</span><span class="p_default">&#160;</span><span class="p_number">2</span><span class="p_operator">:</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_commentline">#&#160;A&#160;sentence&#160;has&#160;to&#160;have&#160;an&#160;even&#160;number&#160;of&#160;quotes.</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">continue</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span class="p_word">break</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><br/>
<span class="p_default">&#160;&#160;&#160;&#160;</span><span class="p_word">return</span><span class="p_default">&#160;</span><span class="p_identifier">sentence</span><br/>
</tt></blockquote><p>This is coded not for speed but for being able to see what
it does and add new clauses as I find broken sentences.  The candidate sentence
starts out empty. Words are appended to it one at a time, and the sentence
checked against the rules.  If any rule is violated, we continue to the next word.
If all the rules pass, we break out of the loop and return the found sentence.</p><p>I know this code isn't perfect.  Here are some things it doesn't do well:</p><ul>
<li>Sentences with single-quote quotes, because just counting them isn't sufficient.
Apostrophes and single-quotes make it so that the number isn't always even.</li>
<li>Text with curly quotes.</li>
<li>Sesame Street sentences: "This blog brought to you by the letter B."</li>
<li>Sentences about punctuation, or with code in them.</li>
</ul><p>Actually, there are lots of cases that will not be handled well.  Word-play
enthusiasts I'm sure will enjoy coming up with examples.</p>
]]></description>
    </item>
    
    <item rdf:about="http://nedbatchelder.com/blog/200804/commandshift3.html">
        <title>Command-shift-3</title>
        <link>http://nedbatchelder.com/blog/200804/commandshift3.html</link>
		
        <dc:date>2008-04-17T07:13:44-04:00</dc:date>
        <description><![CDATA[<p><a class="offsite" href="http://commandshift3.com/">Command-Shift-3</a> is a website for
showcasing web page designs and pitting them against each other in HotOrNot-style
face-offs.  The design and tone of the site are fun, and they provide interesting
ways to surf around: <a class="offsite" href="http://commandshift3.com/leaderboard/day">leaders right now</a>,
<a class="offsite" href="http://commandshift3.com/leaderboard/alltime">all-time best</a>,
<a class="offsite" href="http://commandshift3.com/leaderboard/losers">worst ever</a>,
by tag (<a class="offsite" href="http://commandshift3.com/tag/orange">orange</a>),
and battle by tag (<a class="offsite" href="http://commandshift3.com/tag-battle/cat">cat</a>).
</p><p>In addition to the snarky fun of voting, you can see some good stuff roll by.
From it, I found <a class="offsite" href="http://misterpresident.org/">MisterPresident</a>,
a site designed by Khoi Vinh for his dog.
</p><p>Playing with this site last week helped energize me to do my own redesign,
which as of this writing has managed
<a class="offsite" href="http://commandshift3.com/site/nedbatchelder.com">one win, one loss, and one draw in competition</a>.
</p><p>PS: for the non-Mac users out there: command-shift-3 is the
<a class="offsite" href="http://guides.macrumors.com/Taking_Screenshots_in_Mac_OS_X">OSX shortcut
for capturing a screenshot</a>.
</p>
]]></description>
    </item>
    
</rdf:RDF>
