<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Atomic Playboy&#187; Kestrel</title>
	<atom:link href="http://atomicplayboy.net/blog/tag/kestrel/feed/" rel="self" type="application/rss+xml" />
	<link>http://atomicplayboy.net</link>
	<description>All hail the mushroom cloud</description>
	<lastBuildDate>Tue, 08 May 2012 13:19:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Kestrel Outline</title>
		<link>http://atomicplayboy.net/blog/2006/05/08/kestrel-outline/</link>
		<comments>http://atomicplayboy.net/blog/2006/05/08/kestrel-outline/#comments</comments>
		<pubDate>Sun, 07 May 2006 23:02:56 +0000</pubDate>
		<dc:creator>Johan Svensson</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Kestrel]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://atomicplayboy.net/blog/2006/05/08/kestrel-outline/</guid>
		<description><![CDATA[Wow, I got kinda serious here. Normally I&#8217;d just sit down and crank out some XHTML and CSS, but I decided to make an outline mockup in Photoshop for Kestrel. This image took about ten minutes to do; actually writing a basic CSS scaffold for this layout would have taken five minutes. Kestrel will be [...]]]></description>
			<content:encoded><![CDATA[<p>Wow, I got kinda serious here. Normally I&#8217;d just sit down and crank out some <span class="caps"><span class="caps">XHTML </span></span>and <span class="caps"><span class="caps">CSS, </span></span>but I decided to make an outline mockup in Photoshop for Kestrel. This image took about ten minutes to do; actually writing a basic <span class="caps"><span class="caps">CSS </span></span>scaffold for this layout would have taken five minutes.</p>

<p><a href="http://www.flickr.com/photos/echo5ive/142305553/" class="tt-flickr"><img src="http://static.flickr.com/46/142305553_0f932b4e61.jpg" width="500" height="351" alt="Kestrel outline" title="" /></a></p>

<p>Kestrel will be a single-column layout with the data in distinct rows instead. Here&#8217;s an outline of the actual <span class="caps"><span class="caps">CSS </span></span>classes used.</p>

<ul>
<li>header.php
<ul>
<li><strong>#pageContainer:</strong> container for the entire page content, centered on the page.
<ul>
<li><strong>#headContainer:</strong> container for the header image.</li>
<li><strong>#navContainer:</strong> navigation menu.</li>
</ul>
</li>
</ul>
</li>
<li>index.php/page.php
<ul>
<li><strong>#entryContainer:</strong> container for the entry section of the page. Individual posts within it will be of the .entryContent class.</li>
<li><strong>#metaContainer1:</strong> on the front page it will contain a list of older entries; for individual entries the metadata, trackback link, tags and stuff goes here.</li>
<li><strong>#metaContainer2:</strong> individual entries have comments/trackbacks here. The front page gets the del.icio.us feed and some other junk, possibly in two columns.</li>
</ul>
</li>
<li>footer.php
<ul>
<li><strong>#footerContainer:</strong> the standard copyright boilerplate.</li>
</ul>
</li>
</ul>

<p>Layoutwise Kestrel won&#8217;t be entering uncharted territories. That&#8217;s not the goal, I just want to make a nice theme.</p>

<p>Creating the actual design is the quick and easy part &#8212; it&#8217;s nothing complex, so I did the scaffold in five minutes. All it really needs is the artwork. (And the usual <span class="caps"><span class="caps">IE5 </span></span>workarounds, but I&#8217;ll save those for later.)</p>

<p>The major part of the work will be tossing the WordPress tags into the mix. I also have a bunch of plugins that I&#8217;d like to support, and I&#8217;m also planning to borrow parts of the K2 control panel in the WP admin interface. I like being able to release &#8220;sub-themes&#8221; for Kestrel in the shape of a small <span class="caps"><span class="caps">CSS </span></span>file and some images, just like <a href="http://binarybonsai.com/archives/2005/09/28/k2-r96-vader2/">Vader for K2</a>.</p>

<p>I&#8217;m as of yet undecided on Widget support. Since Kestrel will be single-column only, there&#8217;s not really any place for a traditional sidebar. I have some ideas for shoehorning it into the &#8220;other junk&#8221; section on the front page, but it&#8217;s on the low priority list.</p><script src="http://feeds.feedburner.com/~s/AtomicPlayboy?i=http://atomicplayboy.net/blog/2006/05/08/kestrel-outline/" type="text/javascript" charset="utf-8"></script>]]></content:encoded>
			<wfw:commentRss>http://atomicplayboy.net/blog/2006/05/08/kestrel-outline/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flickr Album</title>
		<link>http://atomicplayboy.net/blog/2006/05/07/flickr-album/</link>
		<comments>http://atomicplayboy.net/blog/2006/05/07/flickr-album/#comments</comments>
		<pubDate>Sun, 07 May 2006 17:04:52 +0000</pubDate>
		<dc:creator>Johan Svensson</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[April]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Kestrel]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://atomicplayboy.net/blog/2006/05/07/flickr-album/</guid>
		<description><![CDATA[Wherein the author posts pictures of cats.]]></description>
			<content:encoded><![CDATA[<p><a href="http://atomicplayboy.net/photos/photo/140873661/PICT2171.html" class="tt-flickr"><img src="http://static.flickr.com/55/140873661_c1d1606c01.jpg" width="500" height="375" alt="PICT2171" title="" /></a> </p>

<p>I just installed the <a href="http://tantannoodles.com/toolkit/photo-album/">Flickr Photo Album</a> plugin for WordPress, and I&#8217;m pretty impressed so far.</p>

<p>I used to post Flickr images by cut-n-pasting a text snippet I had stored as a WordPress note and replacing the relevant links with those of the photo I wanted to post. It works, but it&#8217;s kinda clunky and slow to do. With <strong>Flickr Photo Album</strong> you get a bar on the Write Post screen displaying your latest Flickr images, inserting the proper <span class="caps"><span class="caps">HTML </span></span>with just two clicks &#8212; one to select the photo, another to select the size of the image you want to post. Perfect!</p>

<p><em>But wait, there&#8217;s more!</em> You also get an integrated Flickr photo album (hence the name) &#8212; mine is <a href="http://atomicplayboy.net/photos/">located here</a>. It looks kinda boring, but I&#8217;ll fiddle with the design of it later.</p>

<p>Definitely going to support this plugin in Kestrel.</p>

<p>In the other news, allergy season has started. Yay.</p><script src="http://feeds.feedburner.com/~s/AtomicPlayboy?i=http://atomicplayboy.net/blog/2006/05/07/flickr-album/" type="text/javascript" charset="utf-8"></script>]]></content:encoded>
			<wfw:commentRss>http://atomicplayboy.net/blog/2006/05/07/flickr-album/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A New Hope</title>
		<link>http://atomicplayboy.net/blog/2006/05/07/a-new-hope/</link>
		<comments>http://atomicplayboy.net/blog/2006/05/07/a-new-hope/#comments</comments>
		<pubDate>Sun, 07 May 2006 01:55:43 +0000</pubDate>
		<dc:creator>Johan Svensson</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Kestrel]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://atomicplayboy.net/blog/2006/05/07/a-new-hope/</guid>
		<description><![CDATA[Wherein the author attempts to create a new Wordpress theme.]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been a long time, but I&#8217;ve started fiddling a bit with web design again. While I do like <a href="http://getk2.com/">K2</a>, I prefer to make my own design. And K2 was always meant to be temporary here until I found my long lost design groove again. And I <em>think</em> I spotted it out in the gutter, drunk out of its mind. It&#8217;s in rehab now.</p>

<p>I&#8217;ve started work on a <a href="http://wordpress.org/">WordPress</a> theme tentatively called <strong>Kestrel</strong>. I&#8217;m writing the basic layout now with <a href="http://codex.wordpress.org/Theme_Development">the theme development</a> page readily available in another tab.</p>

<p>I do admit that it feels a bit messy to use pure <span class="caps"><span class="caps">PHP </span></span>instead of a template language like <a href="http://movabletype.org/">Movable Type</a> uses, but I&#8217;ll manage.</p>

<p>Since doing live editing gets messy I&#8217;ve set up a local web server hosted on my file server. <a href="http://lighttpd.net/">lighttpd</a> as web server, <span class="caps"><span class="caps">PHP </span></span>and MySQL.</p>

<p>lighttpd is <em>very</em> nice for local development &#8212; it doesn&#8217;t include the entire kitchen sink like Apache does. It took a bit of work to get it going the way I wanted, though. For a while it decided to send me the <span class="caps"><span class="caps">PHP </span></span><em>source code</em> instead of passing it on to <span class="caps"><span class="caps">PHP </span></span>&#8211; but only when I accessed a <span class="caps"><span class="caps">PHP </span></span>file from my workstation. When viewed locally it worked properly.</p><script src="http://feeds.feedburner.com/~s/AtomicPlayboy?i=http://atomicplayboy.net/blog/2006/05/07/a-new-hope/" type="text/javascript" charset="utf-8"></script>]]></content:encoded>
			<wfw:commentRss>http://atomicplayboy.net/blog/2006/05/07/a-new-hope/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: atomicplayboy.net @ 2012-05-24 18:26:20 -->
