<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><rss 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" version="2.0">

<channel>
	<title>Darren Hoyt Dot Com</title>
	
	<link>http://www.darrenhoyt.com</link>
	<description>A Blog, Portfolio and Personal Website</description>
	<pubDate>Mon, 17 Nov 2008 22:04:47 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<image><link>http://www.darrenhoyt.com/</link><url>http://www.darrenhoyt.com/imagedump/feedimage.jpg</url><title>Darren Hoyt Dot Com</title></image><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/darrenhoytcom" type="application/rss+xml" /><item>
		<title>Creating Custom Listings with Expression Engine, Part II</title>
		<link>http://www.darrenhoyt.com/2008/10/22/creating-custom-listings-with-expression-engine-part-ii/</link>
		<comments>http://www.darrenhoyt.com/2008/10/22/creating-custom-listings-with-expression-engine-part-ii/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 22:26:53 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=309</guid>
		<description><![CDATA[In <a href="http://www.darrenhoyt.com/2008/08/25/creating-custom-listings-with-expression-engine-part-i/">Part I of the tutorial</a>, we learned how to use Expression Engine's control panel to set up a <strong>custom field group</strong> which powers our "Homes" listings. In Part II, we learn how to upload, resize and display images in a variety of contexts.]]></description>
			<content:encoded><![CDATA[<p><span class="drop">I</span>n <a href="http://www.darrenhoyt.com/2008/08/25/creating-custom-listings-with-expression-engine-part-i/">Part I of the tutorial</a>, we learned how to use Expression Engine&#8217;s control panel to set up a <strong>custom field group</strong> which powers our &#8220;Homes&#8221; listings. The <a href="http://www.dominion-development.com/homes">live working example</a> looks like this:</p>
<p><a href="http://www.dominion-development.com/homes"><img src="http://www.darrenhoyt.com/images/blog/thumb_domdev_homes.jpg" class="blogpic" alt="" /></a></p>
<p>With most of the control panel options already set, let&#8217;s install the various <strong>image components</strong>.</p>
<h3>The &#8220;File&#8221; Extension</h3>
<p><a href="http://docs.markhuot.com/ee/extensions/file">Mark Huot&#8217;s excellent &#8220;File&#8221; plugin</a> must be installed first. It allows us to <strong>upload and manage images</strong> in conjunction with our custom fields. When that&#8217;s done, go to <em class="hilite">Admin  ›  Section Administration  ›  File Upload Preferences </em> and set your preferences:</p>
<p><img src="http://www.darrenhoyt.com/images/blog/domdev_uploads.gif" class="blogpic" alt="" /></p>
<h3>TimThumb</h3>
<p><a href="http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/">This thumbnail resize script</a> was developed awhile back for <a href="http://prothemedesign.com/themes/mimbo-pro/">Mimbo Pro</a> and has been used a lot since. TimThumb will take every image we upload with EE and <strong>resize them according to height/width parameters</strong> we specify in our template. For this project, let&#8217;s drop it in our root /scripts/ folder.</p>
<h3>The Featured Photo</h3>
<p>Each listing will feature one large static photo, specified by the client. This custom field was already created <a href="http://www.darrenhoyt.com/2008/08/25/creating-custom-listings-with-expression-engine-part-i/">in Part I</a>. Simply go to <em class="hilite">Publish › Homes</em> and upload your image. Further down, we&#8217;ll see how to call it in the template.</p>
<p><img src="http://www.darrenhoyt.com/images/blog/domdev_browse.gif" class="blogpic" alt="" /></p>
<h3>The Carousel</h3>
<p>First, set up <a href="http://sorgalla.com/jcarousel/">Jan Sorgalla&#8217;s jCarousel script</a> and get it working with some sample images. I use this script a lot and have <a href="http://www.dominion-development.com/css/carousel.css">pared down the CSS</a> to make it briefer and easier. </p>
<p>Once you&#8217;ve got the styling and positioning how you want, go to <em class="hilite">Publish › Homes</em> and begin uploading photos:</p>
<p><img src="http://www.darrenhoyt.com/images/blog/domdev_browse2.gif" class="blogpic" alt="" /></p>
<p>Because we&#8217;ve checked &#8220;multiple uploads&#8221; in the preferences, EE will generate as many <em class="hilite">&#8220;Browse&#8221;</em> fields as you need. </p>
<h3>The Zoom Effect</h3>
<p>Each thumbnail in the carousel will also use <a href="http://www.cabel.name/2008/02/fancyzoom-10.html">Cabel Sasser&#8217;s Fancy Zoom script</a> to display a larger size. Download the files and link them in your &lt;head&gt;, per the instructions.</p>
<h3>The Template Code</h3>
<p>Now that the components are set up and the images uploaded, we can add some code to the left column of our &#8220;Homes&#8221; template that will <strong>tie it all together</strong>:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">{exp:weblog:entries weblog=&quot;homes&quot;}
</div>
</li>
<li class="li1">
<div class="de1">&lt;img src=&quot;/scripts/timthumb.php?src={featurephoto}&amp;w=239&amp;h=165&amp;zc=;1&quot; alt=&quot;{title}&quot; /&gt;
</div>
</li>
<li class="li1">
<div class="de1">{if thumbnails}
</div>
</li>
<li class="li1">
<div class="de1">&lt;ul class=&quot;mycarousel jcarousel-skin-tango&quot;&gt;
</div>
</li>
<li class="li2">
<div class="de2">{thumbnails}
</div>
</li>
<li class="li1">
<div class="de1">&lt;li&gt;&lt;a href=&quot;/scripts/timthumb.php?src={file_url}&amp;w=500&amp;h=350&amp;zc=1&quot; alt=&quot;{title}&quot; /&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;img src=&quot;/scripts/timthumb.php?src={file_url}&amp;w=42&amp;h=41&amp;zc=1&quot; alt=&quot;{title}&quot; /&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;/a&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;/li&gt;
</div>
</li>
<li class="li2">
<div class="de2">{/thumbnails}
</div>
</li>
<li class="li1">
<div class="de1">&lt;/ul&gt;
</div>
</li>
<li class="li1">
<div class="de1">{/if}
</div>
</li>
<li class="li1">
<div class="de1">{/exp:weblog:entries}</div>
</li>
</ol>
</div>
<p>You&#8217;ll notice <a href="http://expressionengine.com/docs/modules/weblog/weblog_entries.html">the exp:weblog:entries tag</a> <strong>behaves similarly WordPress&#8217;s <a href="http://codex.wordpress.org/The_Loop">Loop</a></strong>. Here, it begins by querying entries from the weblog we created in Part I. Accordingly, it inserts our featured photo, applies TimThumb, then generates a list of the thumbnails for the carousel, <strong><a href="http://expressionengine.com/docs/templates/globals/conditionals.html">if</a></strong> they exist. </p>
<p>Despite the complexities happening on the page, you&#8217;ll notice the actual template code is relatively clean and readable. For more details, <a href="http://expressionengine.com/docs/modules/weblog/weblog_entries.html">see EE&#8217;s docs page</a>.</p>
<h3>Next Time&#8230;</h3>
<p>In Part III, we&#8217;ll learn how to create relationships, pagination, Google Map integration, and tie the whole page together.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/10/22/creating-custom-listings-with-expression-engine-part-ii/feed/</wfw:commentRss>
		</item>
		<item>
		<title>WordPress as a CMS: Making Your Content Unbreakable</title>
		<link>http://www.darrenhoyt.com/2008/10/21/wordpress-as-a-cms-making-your-content-unbreakable/</link>
		<comments>http://www.darrenhoyt.com/2008/10/21/wordpress-as-a-cms-making-your-content-unbreakable/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 02:03:11 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=299</guid>
		<description><![CDATA[It might surprise you how infrequently I build WordPress sites intended for actual blogging. More often, I'm building 15- or 20-page websites for businesses who need a bunch of static content displayed in a variety of ways. Some of this can be accomplished with plugins, but the rest must be inserted in the post-edit screen, making things messy for the client.]]></description>
			<content:encoded><![CDATA[<p><span class="drop">I</span>t might surprise you how infrequently I build WordPress sites intended for actual blogging. More often, I&#8217;m building <strong>15- or 20-page websites for businesses</strong> who need a bunch of static content displayed in a variety of ways. Some of this can be accomplished with plugins, but the rest must be inserted in the post-edit screen, <strong>making things messy for the client</strong>:</p>
<p><img src="http://www.darrenhoyt.com/images/blog/screen_mess.gif" alt="" class="blogpic" /></p>
<p>That&#8217;s one big drawback to using WordPress as a CMS: the lack of <strong>custom content types/groups</strong>, <a href="http://www.darrenhoyt.com/2008/08/25/creating-custom-listings-with-expression-engine-part-i/">an area where Expression Engine really shines</a>. EE&#8217;s custom field system allows developers to <strong>put restrictions on how clients insert content</strong>. This keeps the content clean, portable and relatively unbreakable because all the structural HTML is tucked away <em class="hilite">in the templates themselves</em>, not in the post-edit screen. </p>
<p>In this sense, WordPress is not quite a &#8220;full-fledged&#8221; CMS and developers must create <strong>workarounds</strong>.</p>
<h3>Custom Code</h3>
<p>Here&#8217;s a page from a recent WordPress project:</p>
<p><a href="http://www.springcreekliving.com/spring-creek-golf-club/"><img src="http://www.darrenhoyt.com/images/blog/screen_springcreek.jpg" alt="spring creek" class="blogpic" /></a></p>
<p>Notice the 6 thumbnails and excerpts in the left column. Any attempt by the client to add/edit that information could easily <strong>disrupt the HTML</strong> and potentially break the design:</p>
<p><img src="http://www.darrenhoyt.com/images/blog/screen_spr_cp.gif" alt="spring creek" class="blogpic" /></p>
<p><strong>Even if the visual editor was turned on</strong>, the client wouldn&#8217;t be able to&#0151;or necessarily know how to&#0151;properly wrap those elements with the necessary HTML. And if the client tried to copy-paste content from another site, the visual editor would inherit that HTML, creating a jumble of inconsistent code.</p>
<p>Luckily in the case of <a href="http://www.springcreekliving.com/">Spring Creek</a>, we ended up writing some <strong>special PHP mixed with <a href="http://codex.wordpress.org/Using_Custom_Fields">custom fields</a> and <a href="http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/">TimThumb</a></strong> to generate and format the content, but not every client can afford to pay for that kind of automated solution. </p>
<h3>Content Chunks as &#8220;Pages&#8221;</h3>
<p>Here&#8217;s another page from a recent project:</p>
<p><a href="http://www.vafilm.com/film-society/"><img src="http://www.darrenhoyt.com/images/blog/screen_vafilm.jpg" alt="" class="blogpic" /></a></p>
<p>In the sidebar of each static page is a chunk of related content. One method we&#8217;ve tried in the past is breaking up sidebar content into <strong>separate <a href="http://codex.wordpress.org/Pages">Pages</a></strong> and using PHP to dynamically insert them wherever appropriate:</p>
<p><img src="http://www.darrenhoyt.com/images/blog/screen_sidebars.gif" alt="" class="blogpic" /></p>
<p>That keeps keeps the code cleaner, but unfortunately adds <strong>a layer of confusion for the client</strong> who must edit  his Page content and Sidebar content in two different places.</p>
<h3>The &lt;!&#8211;nextpage&#8211;&gt; Quicktag</h3>
<p>So for VA Film, we decided another way to break the content into pieces without allowing the client access to any structural HTML was to deploy <a href="http://codex.wordpress.org/Styling_Page-Links">the nextpage function</a>:</p>
<p><a href="http://www.vafilm.com/film-society/"><img src="http://www.darrenhoyt.com/images/blog/screen_spr_cp2.gif" alt="" class="blogpic" /></a></p>
<p>The sidebar content gets called from within the template, like this:</p>
<pre>
<code>&lt;div id="sidebar"&gt;
&lt;?php if ($numpages &gt; '1') { ?&gt;
&lt;?php $temp_query = $wp_query; ?&gt;
&lt;?php query_posts('page_id='.$post-&gt;ID.'&amp;page=2'); ?&gt;
&lt;?php if (have_posts()) : while (have_posts()) : the_post(); ?&gt;
	&lt;div class="entry"&gt;
	&lt;?php the_content(); ?&gt;
	&lt;/div&gt;
&lt;?php endwhile; endif; ?&gt;
&lt;?php $wp_query = $temp_query; ?&gt;
&lt;?php } ?&gt;
&lt;/div&gt;</code></pre>
<p>It&#8217;s still a hack, but it allows the client to <strong>edit primary content and sidebar content in the same place</strong> without inserting any extra &lt;div&gt;s. There are other useful hacks of the &lt;!&#8211;nextpage&#8211;&gt; function that I&#8217;ll write about again soon.</p>
<h3>Widgets</h3>
<p>The last obvious method would be to create <a href="http://www.quickonlinetips.com/archives/2007/11/how-to-create-multiple-dynamic-sidebars-for-wordpress-widgets/">multiple widgetized regions</a> in your theme. This practice is becoming more common in <a href="http://themeshaper.com/thematic-for-wordpress/">themes like Thematic</a>. </p>
<p>Unfortunately, while the concept of &#8220;widgets&#8221; might make sense to bloggers, it doesn&#8217;t always make sense to the business owner. And depending on the content, it <strong>may still require some HTML knowledge</strong>, for example: floating an image, inserting a list, or requiring certain &lt;div&gt;s:</p>
<p><img src="http://www.darrenhoyt.com/images/blog/screen_widgetlist.gif" alt="" class="blogpic" /></p>
<h3>Questions</h3>
<p>Obviously none of these solutions is perfect. Static content can be displayed in a number of ways&#0151;columns, quadrants, floats, lists&#0151;but the more ambitious it becomes, the less likely the client can edit it cleanly. In my experience, nothing compares to the rigid control offered by <a href="http://expressionengine.com/docs/cp/admin/weblog_administration/custom_fields_edit.html">Expression Engine&#8217;s custom fields</a>.</p>
<p>Final thoughts:</p>
<ul>
<li>What other ways can we prevent clients from breaking layouts?</li>
<li>Should we design page content to be as simple and linear as possible to allow clients easier editability?</li>
<li>Should we insist the client learn a bit about HTML before handing over the site?</li>
<li>Should we write elegant hacks based strictly on how much money the client can spend?</li>
<li>For larger sites with variable page layouts, should we just opt for a true CMS like Expression Engine instead? Should we not compare apples to oranges?</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/10/21/wordpress-as-a-cms-making-your-content-unbreakable/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Improvisation in Design</title>
		<link>http://www.darrenhoyt.com/2008/10/03/improvisation-in-design/</link>
		<comments>http://www.darrenhoyt.com/2008/10/03/improvisation-in-design/#comments</comments>
		<pubDate>Sat, 04 Oct 2008 03:44:13 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=292</guid>
		<description><![CDATA[On days when I'm not designing mockups, I'm creating paintbrushes and downloading <a href="http://www.sxc.hu/browse.phtml?f=search&#038;txt=texture&#038;w=1&#038;x=0&#038;y=0">textures</a> and editing <a href="http://kuler.adobe.com">Kuler</a> palettes, organizing them all in a central library, plus writing documentation, chipping away at baseline PSDs, CSS and WordPress frameworks, and generally <a href="http://www.darrenhoyt.com/2007/12/17/streamline-your-process-rss-feeds-bookmarks-frameworks-design-resources/">streamlining the process</a>. Setting the Rules and Regulations for the design department is part of my job description. This can be a <strong>double-edged sword</strong>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.darrenhoyt.com/images/blog/paints.jpg" alt="fingerpainting" class="blogpic" /><span class="drop">O</span>n days when I&#8217;m not designing mockups, I&#8217;m creating paintbrushes and downloading <a href="http://www.sxc.hu/browse.phtml?f=search&#038;txt=texture&#038;w=1&#038;x=0&#038;y=0">textures</a> and editing <a href="http://kuler.adobe.com">Kuler</a> palettes, organizing them all in a central library, plus writing documentation, chipping away at baseline PSDs, CSS and WordPress frameworks, and generally <a href="http://www.darrenhoyt.com/2007/12/17/streamline-your-process-rss-feeds-bookmarks-frameworks-design-resources/">streamlining the process</a>. Setting the Rules and Regulations for the design department is part of my job description. This can be a <strong>double-edged sword</strong>.</p>
<p>Because <a href="http://www.category4.com">we&#8217;re</a> a service industry, contracts are written explicitly and design is charged by the hour. We collaborate with clients to set <strong>concise deadlines and roadmaps</strong>. All this R&#038;D and streamlining and wireframing makes projects more efficient and helps establish boundaries. Regardless, nothing can, or should, be planned right down to the last detail or else it becomes a straitjacket.</p>
<p>Part of my R&#038;D includes <strong>organizing hundreds of bookmarks</strong>, too often of the &#8220;37 Mind-Blowing Grunge Wallpapers&#8221; or &#8220;23 Skull-Shattering CSS Frameworks&#8221; variety &#8212; Kyle Meyer <a href="http://astheria.com/this-site/depth-v-frequency">touched on these kinds of articles</a> awhile back. What I&#8217;ve found is that they, too, encourage restrictiveness. It&#8217;s nice to have readymade solutions, but they can also cause a lazy, assembly-line, just-add-water approach.</p>
<p><strong>So how do you break the constraints?</strong> It&#8217;s inevitable, over time, to find yourself using a personal design &#8220;formula&#8221;. But there must be room for improvisation and a willingness to break your own rules. Anyone who&#8217;s played in a band knows that you can play songs over and over again in practice, but live onstage, you immediately want to embellish and make the songs  better and more interesting. There&#8217;s no planning for that. You just do it.</p>
<p>In the last six months of designs, I&#8217;ve found myself deviating more and more from the agreed-upon wireframes and sketches. I&#8217;ve attempted <a href="http://en.wikipedia.org/wiki/Mind_map">mind-mapping</a>, stared at <a href="http://www.flickr.com/explore/interesting/7days/">Flickr&#8217;s &#8220;interesting&#8221; tags</a>, sifted through <a href="http://adsoftheworld.com/">Ads of the World</a> and <a href="http://ideas.veer.com/wallpaper/index">Veer Wallpapers</a> and <a href="http://www.thecoolhunter.com.au/">CoolHunter archives</a> and generally tried to <strong>find inspiration elsewere</strong>, as <a href="http://www.positivespaceblog.com/archives/where-does-inspiration-come-from/">Anthony Zinni mentioned</a>:</p>
<blockquote><p>Usually by observing great design outside the medium I am focusing on I am able to apply design principles that are not like current trends and are still appealing. This also often helps take my mind off of the project, which is usually when I am able to find a great solution.</p></blockquote>
<p>I&#8217;ve become comfortable knowing that 50% of the decisions will be made at the drawing board and the other 50% made in-the-moment. It&#8217;s nice to exercise the right-half of the brain more often anyway, as it gets easily forgotten in a technical, time-sensitive industry. </p>
<p>The feedback I&#8217;ve been hearing more often lately is: </p>
<blockquote><p>Wait, that&#8217;s not exactly what we outlined in the contract - but I like it  <strong>better</strong>.</p></blockquote>
<p>Improvising more often has kept me from steering into ruts and giving clients rote, half-hearted designs. <a href="http://www.clagnut.com/blog/2143/">Richard Rutter said it nicely</a>:</p>
<blockquote><p>Just as with <a href="http://www.colly.com/comments/industry_defined_by_accountability_and_technology_will_suffocate_without_id/">Colly at Erskine</a>, so we at Clearleft have a pre-defined process. User-centred design demands it, and potential clients like to see a process before hiring their agency. But what we’re starting to enjoy more and more is deviating from the process to achieve the same goal. Skipping steps, changing the order, adding extra steps, using different tools. This all keeps us fresh, but it also helps eliminate the production line approach it’s so easy to fall into.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/10/03/improvisation-in-design/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Exploring WordPress Frameworks and Child Themes</title>
		<link>http://www.darrenhoyt.com/2008/09/18/exploring-wordpress-frameworks-and-child-themes/</link>
		<comments>http://www.darrenhoyt.com/2008/09/18/exploring-wordpress-frameworks-and-child-themes/#comments</comments>
		<pubDate>Thu, 18 Sep 2008 18:14:20 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=296</guid>
		<description><![CDATA[If you've been keeping up with Ian Stewart's <a href="http://themeshaper.com/">ThemeShaper</a> blog this summer (if you haven't, you should be looking deep within yourself to ask why not), you've seen loads of documentation for <a href="http://themeshaper.com/thematic-for-wordpress/">his WordPress framework, Thematic</a> and the various <a href="http://themeshaper.com/acamas-theme-clarity-elegance-power/">child</a> <a href="http://themeshaper.com/travailler-professional-wordpress-cms-theme/">themes</a> which inherit their power from Thematic's mothership functionality. ]]></description>
			<content:encoded><![CDATA[<p><span class="drop">I</span>f you&#8217;ve been keeping up with Ian Stewart&#8217;s <a href="http://themeshaper.com/">ThemeShaper</a> blog this summer (if you haven&#8217;t, you should be looking deep within yourself to ask why not), you&#8217;ve seen loads of documentation for <a href="http://themeshaper.com/thematic-for-wordpress/">his WordPress framework, Thematic</a> and the various <a href="http://themeshaper.com/acamas-theme-clarity-elegance-power/">child</a> <a href="http://themeshaper.com/travailler-professional-wordpress-cms-theme/">themes</a> which inherit their power from Thematic&#8217;s mothership functionality. </p>
<p>Anyone who builds a quantity of WordPress sites throughout the year would be crazy to not already have their own baseline theme, much like anyone who re-uses the same dozen structural classes would be crazy not to deploy their own CSS framework for each project. Streamlining is a way of life when you&#8217;re charging by the hour.</p>
<p>But Thematic is more than just the groundwork. It&#8217;s also a handy way to keep the core theme functions isolated from from the child theme styling <a href="http://themeshaper.com/how-to-protect-your-wordpress-theme-against-upgrades/">so they are easily updated with no damage to the site</a>. It also offers a dozen options for widgetized regions, plus a library of custom hooks and filters. Sounds tricky, but this gives child-theme authors a wide range of options to incorporate or repurpose, all from within the <em class="hilite">functions.php</em> file.</p>
<p>Why does this interest me? Because a year after <a href="http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/">the release of Mimbo 2.2</a>, there have been nearly 70,000 downloads. If I were to release v2.3 tomorrow, that custom styling would be lost for many users with modded themes. But if I were to build a Mimbo parent theme and release 1-2 child themes, upgrading would be easy. </p>
<p>Another reason I&#8217;d like to try a parent-child scheme is for sites which redesign annually and want their Archives section to reflect that. The site I&#8217;m thinking of is <a href="http://www.vafilm.com/">The Virginia Film Festival</a>, which I designed and built on WordPress, and which launched again just yesterday:</p>
<p><a href="http://www.vafilm.com"><img src="http://darrenhoyt.com/images/blog/screen_vafilm.jpg" class="blogpic"  alt="vafilm" /></a></p>
<p>It&#8217;s built on a baseline stylesheet and baseline WordPress theme that I&#8217;ve been developing at <a href="http://category4.com">Category 4</a> for the last year. It&#8217;s currently the foundation for probably 30 recent sites we&#8217;ve developed, and a major timesaver. But, the Va Film project is a little different.</p>
<p>Each year, the festival has a different theme, which obviously requires a new design. If you check out <a href="http://www.vafilm.com/archives/">the Archives page</a>, you&#8217;ll see it&#8217;s currently handled with static screenshots. Going forward, we&#8217;d like a more elegant way to let users explore the same content but with a different skin, aka, child theme. The parent theme would be a pretty generic layout similar to what you see on the homepage, minus the styling, with child themes called /2007/, /2006/, /2005/, and so on.  </p>
<p>But couldn&#8217;t we just use one of <a href="http://www.google.com/search?q=wordpress+plugin+theme+switching&#038;sourceid=navclient-ff&#038;ie=UTF-8&#038;rlz=1B3GGGL_enUS283US283">the various theme-switching plugins</a> available? We could, but 5 years from now when there are 15 different site designs, we want global changes to be painless - hence, the parent theme framework.</p>
<p>In any case, Ian&#8217;s explorations on the subject have inspired a lot of &#8220;aha!&#8221; moments among WP developers. It&#8217;s likely they will influence aspects of how new versions of WordPress handle parent-child relationships. Or <a href="http://themeshaper.com/wordpress-27-theming-may-change-everything/">maybe that&#8217;s happened already</a> - WP 2.7 will allow child themes to override entire parent templates.</p>
<p>Don&#8217;t miss these related articles:</p>
<ul>
<li><a href="http://themeshaper.com/functions-php-wordpress-child-themes/">How I used a WordPress Child Theme To Redesign My Blog The Smart Way</a></li>
<li><a href="http://themeshaper.com/forums/topic/how-to-change-the-look-of-thematic-with-a-wordpress-child-theme">How To Change The Look of Thematic With a WordPress Child Theme</a></li>
<li><a href="http://themeshaper.com/wordpress-theme-blank-framework/">Any WordPress Theme Can Be a Blank Framework</a></li>
<li><a href="http://themeshaper.com/custom-wordpress-hooks-filters-thematic-06/">Custom WordPress Hooks and Filters in Thematic 0.6</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/09/18/exploring-wordpress-frameworks-and-child-themes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Notes on the Agregado Theme</title>
		<link>http://www.darrenhoyt.com/2008/09/14/notes-on-the-agregado-theme/</link>
		<comments>http://www.darrenhoyt.com/2008/09/14/notes-on-the-agregado-theme/#comments</comments>
		<pubDate>Sun, 14 Sep 2008 05:35:59 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[agregado]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=284</guid>
		<description><![CDATA[Since <a href="http://www.darrenhoyt.com/2008/09/08/agregado-lifestream-theme-for-wordpress-released/">Agregado launched</a> on Monday, we've had about 3500 downloads plus a lot of questions about how it works and why it was made. Here's a bit more documentation to add to what <a href="http://www.smashingmagazine.com/2008/09/08/agregado-a-free-wordpress-theme/">Smashing already published</a>.]]></description>
			<content:encoded><![CDATA[<p><span class="drop">S</span>ince <a href="http://www.darrenhoyt.com/2008/09/08/agregado-lifestream-theme-for-wordpress-released/">Agregado launched</a> on Monday, we&#8217;ve had about 3500 downloads plus a lot of questions about how it works and why it was made. Here&#8217;s a bit more documentation to add to what <a href="http://www.smashingmagazine.com/2008/09/08/agregado-a-free-wordpress-theme/">Smashing already published</a>.</p>
<h3>The Inspiration</h3>
<p>This year it became obvious microblogging tools like <strong>Twitter</strong> were monopolizing people&#8217;s attention. Blogs got updated less and the sidebar content (Flickr thumbs, delicious bookmarks) largely directed users elsewhere. <a href="http://www.tumblr.com">Tumblr</a> and <a href="http://friendfeed.com">FriendFeed</a> also became popular and it seemed many bloggers suddenly felt limited by the traditional blog format.</p>
<p>Already thinking about all this, I got an email from Smashing Magazine in June offering to commission a theme. I pitched a lifestream+blog concept, sent rough comps and they were totally supportive. I enlisted  my friend/co-worker and developer extraordinaire <a href="http://www.thenestedfloat.com/">Matt Dawson</a> to split up the duties. </p>
<h3>Overall Design</h3>
<p><em>Agregado</em> is Portuguese for &#8220;syndicate, collect, aggregate&#8221;. The homepage mockups were designed while using a new MacBook and working evenings in a dark, cramped pub in Portugal. It&#8217;s interesting that the dark, shiny design ended up reflecting that work environment, but it wasn&#8217;t really on purpose. </p>
<p>The design elements aren&#8217;t really based on anything, mainly improvisation. It&#8217;s always hard to design something general enough to suit everyone&#8217;s blogging purposes, but that&#8217;s a topic for another post.</p>
<h3>The Navigation</h3>
<p>Because the layout incorporates a lot of different content types, I obviously didn&#8217;t want to go the route of the magazine layout and overwhelm users. I wanted to do a theme that felt very personal and very compressed. WordPress comes with a number of sidebar modules by default (XHTML Validation, Monthly Archives, Search), but I find myself using them pretty rarely.  </p>
<p>Subcategories have been compressed behind dropdowns, which use a heavily modified version of <a href="http://jqueryfordesigners.com/coda-popup-bubbles/">these Coda-style bubbles</a> that run on jQuery. They also use opacity attributes which aren&#8217;t supported by older browsers, but it goes to show that a lot of Agregado was improvised. This first week after launching, we&#8217;re still gauging what works and what doesn&#8217;t. If this was a pro theme, I would not have been quite so free-wheeling.</p>
<p>We did run into some trouble here: for the jQuery bit to work, each &lt;a&gt; tag in the nav needed a class of &#8220;trigger&#8221;, but <em class="hilite">wp_list_categories</em> only attaches a class to the &lt;li&gt;. So Matt was able to use a bit of jQuery magic to dynamically add the class, although it&#8217;s not visible in the source code unless you&#8217;re inspecting with a tool like <a href="https://addons.mozilla.org/firefox/addon/1843">Firebug</a>. It was cool to see how that was done and it&#8217;s already inspired a couple more ideas for future themes.</p>
<p>The icons on the right side of the navbar are just another attempt to compress information and get it out of the way to make room for the main event: the last 9 blog posts. Does it work? I can see why some would have trouble with the usability, but again it&#8217;s all an experiment. Succeed or fail, it highlights the need to break out of the standard WordPress schema once in awhile.</p>
<h3>Typography</h3>
<p>Because the theme uses light text on a dark background, I used larger type size for single-post pages, and kept the line-height (145%) and letter-spacing (0.15em) pretty breathable. </p>
<p>On the homepage posts and lifestream, you&#8217;ll notice fresher headlines are bigger/lighter, but get incrementally smaller/darker as they get older. This was an attempt to make posts a little more visually meaningful, more like tag clouds. Don&#8217;t know if it works for everyone, but I enjoy the effect.</p>
<h3>The Last 9 Posts</h3>
<p>To pull those headlines and style the font-size and -color accordingly, Matt put together some code (<a href="http://www.category4.com/wpthemes/probama/">similar to Probama</a>) that attached unique #id&#8217;s to those left-floating list-items&#8230;</p>
<p><code>&lt;li id="headline-1"&gt;</code></p>
<p>&#8230;which makes CSS styling easy. But how did each &lt;li&gt; actually get assigned an #id? Matt explains:</p>
<blockquote><p>I added a little counter incrementer right at the beginning of the loop. It gets printed to the page on each iteration as part of that entries class, and then at the end of that iteration, it gets one added to it ($count++).</p></blockquote>
<p>Essentially, it counts the posts and inserts a numerical value in the class. This technique is also used to break up the monotony <a href="http://mimbo.prothemedesign.com/category/politics/">on Mimbo Pro&#8217;s category archives pages</a>.</p>
<h3>The Lifestream</h3>
<p>The lifestream is central to the theme, even though it only appears on the homepage. After a couple mockups displaying the lifestream in various formats, the Smashing Mag folks and I decided it was best in a sidebar, completely distinct and separate from the blog posts. </p>
<p>The code itself is a fork of <a href="http://kierandelaney.net/blog/projects/simplelife/">Kieran Delaney&#8217;s SimpleLife plugin</a>, which uses <a href="http://simplepie.org/">SimplePie</a> to parse RSS feeds and display them in chronological order. The code was built right into <em class="hilite">functions.php</em> with hooks into the control panel to configure feeds.</p>
<p>While revamping SimpleLife, many bugs were fixed, but a few remained, even a couple days after the launch. There are currently still some limitations: certain feeds can be slow, erratic, feature strange unparseable characters, or just not show up at all. Matt added some functionality which creates a /cache/ folder and sets 0777 permissions, speeding things up a bit. I&#8217;d also recommend <a href="http://wordpress.org/extend/plugins/wp-super-cache/">WP Super Cache</a>.</p>
<h3>The Contact Form</h3>
<p>This was code developed by Tim McDaniels that was adapted from Mimbo Pro. It hooks into the control panel, allowing admins to set their email address and success message. Due to spam these days, it&#8217;s no longer safe to publish a static email address to blogs, so including a contact form in personal blog  like Agregado was an obvious choice. It currently has no <acronym title="Completely Automated Public Turing test to tell Computers and Humans Apart">CAPTCHA</acronym>, but seems to collect virtually no spam in my experience.</p>
<h3>The Static Pages</h3>
<p>Agregado includes custom code which determines whether a Page is parent-level, and if so prints the child links in the sidebar. Accordingly, CSS is used to show or hide submenus. This sounds obvious, but we were never a fan of how WordPress handled this natively while building sites at <a href="http://www.category4.com">Category 4</a>, so I re-used some code from our own WordPress framework. </p>
<h3>The Archives Page</h3>
<p>Admittedly, for blogs with thousands of posts, <a href="http://www.darrenhoyt.com/demo/agregado/archives/">the custom archives page</a> could get a bit messy. At the same time, the way we&#8217;re typically expected to navigate archives never appealed to me either &#0151; clicking &#8220;November 2006&#8243;, for example, and hoping to find the right post. Visually, it works much better for me to see <a href="http://www.darrenhoyt.com/demo/agregado/archives/">everything in a grid, sorted by month, in descending order</a>.</p>
<h3>The Pagination</h3>
<p>I&#8217;ve never loved paging back through archives when my only options are &#8220;newer&#8221; or &#8220;older&#8221; because I can&#8217;t quickly visualize just how large the archives might be. So Matt adapted the code from <a href="http://www.stuff.yellowswordfish.com/paged-navigation/">Yellow Swordfish&#8217;s WP plugin</a> and built it right into <em class="hilite">functions.php</em>. You can see it at the bottom of <a href="http://www.darrenhoyt.com/demo/agregado/category/music/">an archive pages like this one</a>, or in <a href="http://www.darrenhoyt.com/demo/agregado/?s=esse">search results</a>. To my eye, much more useful.</p>
<h3>The Release</h3>
<p>You ever test the hell of something, then make some 11th-hour changes which end up affecting other parts of the code, but since you already tested those things the first time around, you don&#8217;t check to  see if the other parts are affected? </p>
<p>Yeah. </p>
<p>Some of these issues even slipped past the beta testers. In any case, we had a few &#8220;oh shit!&#8221; moments in the 48hrs after the original release, but got those bugs squashed pretty quickly. </p>
<p>Matt was a great partner in this project and did not seem to mind when I threw random tasks at him (the animated dropdowns, the cascading font sizes) during spontaneous brainstorms. Matt&#8217;s posted a few of his own discoveries during the building of Agregado:</p>
<ol>
<li><a href="http://www.thenestedfloat.com/articles/aggregating-your-social-bookmarking-feeds-with-simplepie/">Aggregating Your Social Bookmarking Feeds with Simple Pie</a></li>
<li><a href="http://www.thenestedfloat.com/articles/preventing-your-javascript-from-loading-in-an-iframe/">Preventing Your Javascript from Loading in an iFrame</a></li>
<li><a href="http://www.thenestedfloat.com/articles/using-wordpress-wp-enqueue-script-in-themes-and-plugins/">Using WordPress&#8217; wp_enqueue Script in Themes and Plugins</a></li>
</ol>
<h3>The Future</h3>
<p>We&#8217;re going to release a fully localized version of Agregado soon, thanks to some editing of strings by <a href="http://derlinzer.at/">our friend Ralph in Austria</a>. Plus, better error-checking and more consistent parsing of feeds from services like <a href="http://pipes.yahoo.com/pipes/">Yahoo Pipes</a>. Keep sending any suggestions you&#8217;ve got.</p>
<p>In the next year or two, I think services like Tumblr will continue gaining popularity and people will want more and more ways to mix media and social/third-party content into their blogs. Most bloggers aren&#8217;t writing as many essay-length posts. Attention spans are becoming seriously short. I think the challenge for designers and theme authors is finding ways to present information as immediately as possible, from multiple sources, without it being chaotic or unnavigable.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/09/14/notes-on-the-agregado-theme/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Agregado 1.2 Released</title>
		<link>http://www.darrenhoyt.com/2008/09/10/agregado-12-released/</link>
		<comments>http://www.darrenhoyt.com/2008/09/10/agregado-12-released/#comments</comments>
		<pubDate>Wed, 10 Sep 2008 16:55:14 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[agregado]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=295</guid>
		<description><![CDATA[More feedback, more changes to the theme, thanks again for everyone's testing and patience.]]></description>
			<content:encoded><![CDATA[<p><span class="drop">M</span>ore feedback, more changes to the theme, thanks again for everyone&#8217;s testing and patience:</p>
<ol>
<li>Fixed a bug for Last.fm/audioscrobbler feeds</li>
<li>Changed the sizing of Flickr images</li>
<li>Changed the titling of Flickr images</li>
<li>Fixed icon issues with &#8220;Additional 1,2,3,4&#8243; feeds</li>
</ol>
<p><a href="http://www.darrenhoyt.com/2008/09/08/agregado-lifestream-theme-for-wordpress-released/">Go download now!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/09/10/agregado-12-released/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Agregado 1.1 Released</title>
		<link>http://www.darrenhoyt.com/2008/09/09/agregado-11-released/</link>
		<comments>http://www.darrenhoyt.com/2008/09/09/agregado-11-released/#comments</comments>
		<pubDate>Tue, 09 Sep 2008 17:59:58 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[agregado]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=293</guid>
		<description><![CDATA[The response to <a href="http://www.darrenhoyt.com/2008/09/08/agregado-lifestream-theme-for-wordpress-released/">the Agregado release</a> has been fantastic and <a href="http://www.smashingmagazine.com/2008/09/08/agregado-a-free-wordpress-theme/">the folks at Smashing</a> were great to collaborate with. Here are some changes we've already made]]></description>
			<content:encoded><![CDATA[<p><span class="drop">T</span>he response to <a href="http://www.darrenhoyt.com/2008/09/08/agregado-lifestream-theme-for-wordpress-released/">the Agregado release</a> has been fantastic and <a href="http://www.smashingmagazine.com/2008/09/08/agregado-a-free-wordpress-theme/">the folks at Smashing</a> were great to collaborate with.</p>
<p>Here are some changes we&#8217;ve already made:</p>
<ol>
<li>Permissions have been set automatically for all scripts and folders</li>
<li>The &#8220;Tags/Categories&#8221; bar at the bottom of posts should wrap correctly</li>
<li>Any jQuery calls within header.php now point to WP&#8217;s native jQuery installation. This should prevent any collisions with plugins like Lightbox.</li>
<li>Subpage menus should now be consistent</li>
<li>Archives link now uses &#8216;url&#8217; instead of &#8216;template_url&#8217; parameter. Should resolve any broken links.</li>
</ol>
<p>We knew if the theme was ambitious, the potential for quirks would be much higher. Still, 1000+ downloads in the first day with just bit of breakage! We&#8217;ll continue taking feedback from anyone having issues.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/09/09/agregado-11-released/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Agregado Lifestream Theme for Wordpress Released</title>
		<link>http://www.darrenhoyt.com/2008/09/08/agregado-lifestream-theme-for-wordpress-released/</link>
		<comments>http://www.darrenhoyt.com/2008/09/08/agregado-lifestream-theme-for-wordpress-released/#comments</comments>
		<pubDate>Mon, 08 Sep 2008 14:28:53 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Releases]]></category>

		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=282</guid>
		<description><![CDATA[Agregado is a WordPress theme by Darren Hoyt and <a href="http://www.thenestedfloat.com/articles/introducing-agregado-a-free-wordpress-theme-with-lifestream/">Matt Dawson</a>, commissioned by the folks at <a href="http://www.smashingmagazine.com/">Smashing Magazine</a>. It features a built-in lifestream module and contact form with with custom control panel options. ]]></description>
			<content:encoded><![CDATA[<p><span class="drop">A</span>gregado is a WordPress theme by Darren Hoyt and <a href="http://www.thenestedfloat.com/articles/introducing-agregado-a-free-wordpress-theme-with-lifestream/">Matt Dawson</a>, commissioned by the folks at <a href="http://www.smashingmagazine.com/2008/09/08/agregado-a-free-wordpress-theme/">Smashing Magazine</a>. It features a built-in lifestream module and contact form with custom control panel options. </p>
<p><a href="http://www.darrenhoyt.com/demo/agregado/" target="blank"><img src="http://www.darrenhoyt.com/images/blog/screen_agregado.jpg" class="blogpic" /></a></p>
<p>The motivation was to <a href="http://www.zeldman.com/2008/04/27/content-outsourcing-and-the-disappearing-personal-site/" target="blank">preserve the personal website</a>,  aggregate your data from sources around the web like Flickr, Delicious and Twitter, and publish it all in one convenient place in a consistent format. <a href="http://www.darrenhoyt.com/2008/09/14/notes-on-the-agregado-theme/">More details &amp; documentation&raquo;</a></p>
<h3>Live Demo</h3>
<p><a href="http://www.darrenhoyt.com/demo/agregado/">View it here&raquo;</a></p>
<h3>Download the Theme</h3>
<p><a href="http://www.darrenhoyt.com/downloads/agregado.zip" class="downloader" title="Download this compressed file">Agregado Theme <span>(ZIP, 241KB)</span></a></p>
<h3>Download the PSD</h3>
<p><a href="http://www.darrenhoyt.com/downloads/agregado_homepage.zip" class="downloader" title="Download this compressed file">Agregado PSD <span>(ZIP, 3.91MB)</span></a></p>
<h3>Requirements</h3>
<ul>
<li>WordPress 2.6+</li>
<li>Tested in: Firefox 3.0+, Safari 3.0+, IE7+</li>
<li>Host server with PHP5+ and <a href="http://en.wikipedia.org/wiki/CURL">cURL</a> installed</li>
</ul>
<h3>Features</h3>
<ol>
<li>Lifestream module with carousel</li>
<li>Animated dropdown menus</li>
<li><a href="http://www.darrenhoyt.com/demo/agregado/archives/">Custom archives page</a></li>
<li>Built-in contact form module with AJAX sent/fail message</li>
<li>Built-in drop caps for paragraphs</li>
<li><a href="http://www.darrenhoyt.com/demo/agregado/?s=purus">Numerical pagination</a> on archive and search pages</li>
<li>Author-highlighting for comments</li>
<li>User profile module</li>
<li>Widgetized bottom bar on homepage</li>
<li>Widgetized sidebar on single post pages</li>
<li>&#8216;More in this Category&#8217; sidebar module</li>
<li>Control panel options for lifestream and contact form</li>
</ol>
<h3>Getting things configured</h3>
<ol>
<li>Go to <em class="hilite">Settings->Permalinks</em> and ensure your URLs use names, so the &#8220;Archives&#8221; icon links correctly</li>
<li>Go to <em class="hilite">Write->Page</em>, and create a new page called <strong>Archives</strong>, selecting &#8220;archives&#8221; from the Template pulldown menu.</li>
<li>Go to <em class="hilite">Design->Agregado Options</em> and input your RSS information from services you want featured in your lifestream, such as Flickr, Delicious or Twitter.</li>
<li>Go to <em class="hilite">Design->Agregado Options</em> and input your email address and success message for the contact form</li>
<li>Go to <em class="hilite">Users->Your Profile</em> and fill out the <strong>First Name</strong>, <strong>Last Name</strong> and <strong>Biographical Info</strong> fields.</li>
</ol>
<h3>Frequently Asked Questions</h3>
<ol>
<li><strong>I installed Agregado - why isn&#8217;t WP finding my stylesheets and javascript? Why are subpage menus not working on certain pages?</strong><br />
Check to make sure none of your plugins are colliding with any of the theme&#8217;s jQuery. Starting by turning them all off. If you find specific collisions, please <a href="/contact">email me</a>.</li>
<li><strong>Why does the lifestream load slowly sometimes?</strong><br />
Sometimes fetching certain feeds (ex: Twitter) takes a second longer. Also make sure permissions are set to 0777 on the <em class="hilite">/includes/</em> and <em class="hilite">/includes/cache/</em> folders, though this should happen automatically upon install.</p>
<p>In the control panel options, you can also set the intervals feeds are retrieved (ex: 60 minutes).</p>
<p>I would also recommend Donncha&#8217;s awesome <a href="http://ocaoimh.ie/wp-super-cache/" target="blank">WP Super Cache plugin</a> to speed things up.
</li>
<li><strong>Why doesn&#8217;t my link to the Archives page work?</strong><br />
Make sure you have created a new Page called &#8220;Archives&#8221; and <a href="http://hackwordpress.com/how-to-creating-a-custom-page-template/">selected your custom template from the pulldown</a>.</li>
<li><strong>How does the user profile pic work?</strong><br />
If you haven&#8217;t already, <a href="http://www.gravatar.com">visit Gravatar</a> and sign up for an account using the same email address as your WordPress admin account.</li>
</ol>
<h3>Big Thanks&#8230;</h3>
<p>&#8230;to <a href="http://css-tricks.com/">Chris Coyier</a>, <a href="http://www.binarymoon.co.uk/">Ben Gillbanks</a>, <a href="http://www.themeshaper.com">Ian Stewart</a> and <a href="http://www.playworkplay.com">Hafiz Rahman</a> for beta testing.</p>
<h3>Changelog</h3>
<p>&bull; <a href="http://www.darrenhoyt.com/2008/09/10/agregado-12-released/">Version 1.2</a> | Sep 10, 2008<br />
&bull; <a href="http://www.darrenhoyt.com/2008/09/09/agregado-11-released/">Version 1.1</a> | Sep 9, 2008<br />
&bull; Version 1.0 | Sep 8, 2008</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/09/08/agregado-lifestream-theme-for-wordpress-released/feed/</wfw:commentRss>
		</item>
		<item>
		<title>All the Way Down</title>
		<link>http://www.darrenhoyt.com/2008/09/01/all-the-way-down/</link>
		<comments>http://www.darrenhoyt.com/2008/09/01/all-the-way-down/#comments</comments>
		<pubDate>Mon, 01 Sep 2008 04:19:39 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Personal]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=291</guid>
		<description><![CDATA[At the swimming pool, Wistar and I sometimes poke around in the filters to see what animal carnage might be swirling around. Usually it's frogs, Japanese beetles, dragonflies, grasshoppers or some combination. This is especially true during summer storms, like <a href="http://www.dailyprogress.com/cdp/news/local/article/recent_rain_replenishes_struggling_streams/26972/">this week's heavy  rainfall</a> which surely killed hundreds of animals unlucky enough to be trapped in small spaces.]]></description>
			<content:encoded><![CDATA[<p><span class="drop">A</span>t the swimming pool, Wistar and I sometimes poke around in the filters to see what animal carnage might be swirling around. Usually it&#8217;s frogs, Japanese beetles, dragonflies, grasshoppers or some combination. This is especially true during summer storms, like <a href="http://www.dailyprogress.com/cdp/news/local/article/recent_rain_replenishes_struggling_streams/26972/">this week&#8217;s heavy  rainfall</a> which surely killed hundreds of animals unlucky enough to be trapped in small spaces.</p>
<p>But yesterday we found something else - a turtle, exhausted and barely able to stay afloat any longer, supporting a frog on its back while a spider clung to the <em>frog&#8217;s</em> head to avoid drowning.</p>
<p><a href="http://www.flickr.com/photos/telemachia/2812477232/" title="Another angle" target="blank"><img src="http://www.darrenhoyt.com/images/blog/blog_turtle.jpg" alt="turtle" class="blogpic" /></a></p>
<p>We guessed it had been 3 days since the storms hit, when the filters were last emptied. Somehow the three had survived in 8″ of water, one of top of the other like ice cream scoops. Even after their rescue, they were reluctant to part ways. Finally, the spider disappeared into the grass and the frog hopped in the other direction.</p>
<p>For some reason this weird little event stuck with me. I thought about turtles in mythology. The Hindu god Vishnu <a href="http://www.sitagita.com/view.asp?id=3561">had taken the avatar form of a turtle</a> (&#8221;Kurma&#8221;) and held mountains on his back. <a href="http://www.cs.williams.edu/~lindsey/myths/myths_12.html">Another Iroquois creation myth</a> depicts the North American continent as supported by the strength and steadfastness of a turtle.</p>
<p>These are great stories. They make agnosticism that much harder, not feeling comfortable with supernatural explanations or resisting speculation about what greater force might be out there, carrying  us all on its back.</p>
<p>I&#8217;m more likely to be contrary and ask, &#8220;if the turtle holds up the world, who holds up the turtle?&#8221;, <a href="http://en.wikipedia.org/wiki/Turtles_all_the_way_down">as the anecdote goes</a>:</p>
<blockquote><p>A well-known scientist (some say it was Bertrand Russell) once gave a public lecture on astronomy. He described how the earth orbits around the sun and how the sun, in turn, orbits around the center of a vast collection of stars called our galaxy. At the end of the lecture, a little old lady at the back of the room got up and said: &#8220;What you have told us is rubbish. The world is really a flat plate supported on the back of a giant tortoise.&#8221; The scientist gave a superior smile before replying, &#8220;What is the tortoise standing on?&#8221; &#8220;You&#8217;re very clever, young man, very clever,&#8221; said the old lady. &#8220;But it&#8217;s turtles all the way down!&#8221;</p></blockquote>
<p>It was Wistar&#8217;s father who held up this particular turtle yesterday so that we could snap some pictures. The turtle was surprisingly at ease in someone else&#8217;s hands. He may have been shocked or exhausted or just relieved to be found. On another day, all alone, he would not have been so lucky.</p>
<div class="message"><strong>Update:</strong> </p>
<p>The picture has generated quite a few comments <a href="http://www.reddit.com/r/pics/comments/6zhdh/spider_on_frog_on_turtle_pic/">on Reddit</a> and <a href="http://postpunkkitchen.com/forum/viewtopic.php?id=69004">Post Punk Kitchen</a>, plus <a href="http://farm4.static.flickr.com/3046/2827806613_976948bfc8_o.jpg">an inspirational poster</a>. <a href="http://cvillain.com/2008/09/02/spider-on-top-of-a-frog-on-top-of-a-turtle/">The Cvillain folks</a> also <a href="http://digg.com/general_sciences/Spider_On_Top_of_Frog_On_Top_of_Turtle">Dugg it</a>.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/09/01/all-the-way-down/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Back to School Sale on Mimbo Pro</title>
		<link>http://www.darrenhoyt.com/2008/08/27/back-to-school-sale-on-mimbo-pro/</link>
		<comments>http://www.darrenhoyt.com/2008/08/27/back-to-school-sale-on-mimbo-pro/#comments</comments>
		<pubDate>Thu, 28 Aug 2008 03:09:22 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[mimbopro]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=287</guid>
		<description><![CDATA[On September 1<sup>st</sup>, <a href="http://prothemedesign.com/">Pro Theme Design</a> will be having a 30% off sale on all copies of <a href="http://prothemedesign.com/themes/mimbo-pro/">Mimbo Pro</a>.  <strong>How does it work?</strong> <a href="http://twitter.com/darrenhoyt">Follow my Twitter feed</a> and be on the lookout for a tweet containing the special coupon code. The sale only lasts 24 hrs, so mark your calendars.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.darrenhoyt.com/images/blog/mp_back2school.jpg" class="blogpic" /><span class="drop">O</span>n September 1<sup>st</sup>, <a href="http://prothemedesign.com/">Pro Theme Design</a> will be having a 30% off sale on all copies of <a href="http://prothemedesign.com/themes/mimbo-pro/">Mimbo Pro</a>.  <strong>How does it work?</strong> <a href="http://twitter.com/darrenhoyt">Follow my Twitter feed</a> and be on the lookout for a tweet containing the special coupon code. The sale only lasts 24 hrs, so mark your calendars.</p>
<p>In the meantime, school is starting soon. Time to start bugging Mom for that <a href="http://en.wikipedia.org/wiki/Members_Only">sweet Members Only jacket</a> and <a href="http://en.wikipedia.org/wiki/Trapper_Keeper">Trapper Keeper</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/08/27/back-to-school-sale-on-mimbo-pro/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
