<?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>Fri, 05 Dec 2008 02:07:18 +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>Effectively Advertising an RSS Feed</title>
		<link>http://www.darrenhoyt.com/2008/12/04/effectively-advertising-an-rss-feed/</link>
		<comments>http://www.darrenhoyt.com/2008/12/04/effectively-advertising-an-rss-feed/#comments</comments>
		<pubDate>Fri, 05 Dec 2008 02:07:18 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[Development]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=321</guid>
		<description><![CDATA[Google Reader's <a href="http://weblogs.hitwise.com/us-heather-hopkins/2008/05/google_reader_slowly_closing_o.html">popularity is surging</a> and the number of people consuming web content via RSS readers <a href="http://scobleizer.com/2007/10/15/how-many-people-use-rss-anyway/">has grown overall</a>, but no one's claiming RSS is a mainstream concept just yet. It's mostly the geeks and early-adopters who know what it is and what to do with it, thus they don't need to be sold on whether a blog offers an RSS feed...]]></description>
			<content:encoded><![CDATA[<p><span class="drop">G</span>oogle Reader&#8217;s <a href="http://weblogs.hitwise.com/us-heather-hopkins/2008/05/google_reader_slowly_closing_o.html">popularity is surging</a> and the number of people consuming web content via RSS readers <a href="http://scobleizer.com/2007/10/15/how-many-people-use-rss-anyway/">has grown overall</a>, but no one&#8217;s claiming RSS is a mainstream concept just yet. It&#8217;s mostly the geeks and early-adopters who know what it is and what to do with it, thus they don&#8217;t need to be sold on whether a blog offers an RSS feed&#0151;their feedreader can auto-detect it based on URI anyway, or they can grab it from the Firefox address bar:</p>
<p><img src="http://www.darrenhoyt.com/images/blog/ala.gif" alt="A List Apart graphic" class="blogpic" /></p>
<p>Yet so many theme designers use valuable screen space to display a prominent (and mysterious, to most) orange RSS icon. Non-techy users will either avoid the icon or click it and be taken to a page of XML gobbledygook. </p>
<p>I realize that some theme designers display RSS info as a teaser, encouraging the casual reader to  become a regular reader, but if you&#8217;re going to advertise your site&#8217;s feed, consider your audience first. Let them know what &#8220;subscribing&#8221; entails, why it&#8217;s good, and give them some options. </p>
<p>Jeff Veen got it right back in 2005 (&#8221;<a href="http://www.veen.com/jeff/archives/000834.html">Linking to feeds: Another approach</a>&#8220;):</p>
<blockquote><p>But, what does that icon do? Here&#8217;s where we struggled with convention. Typically, people either click on the icons or drag them to an aggregator. Some folks right-click and copy the feed&#8217;s URL. We decided not to link feeds directly from the icon, but instead offer up a page that shows all the feeds a user can subscribe to.</p></blockquote>
<p>As Jeff points out, the <a href="http://www.nytimes.com/services/xml/rss/index.html"><em>New York Times</em></a> is one of the few sites which makes subscribing via RSS an intuitive experience:</p>
<p><a href="http://www.nytimes.com/services/xml/rss/index.html"><img src="http://www.darrenhoyt.com/images/blog/rss-nyt.gif" alt="nyt" class="blogpic" /></a></p>
<p>(Curiously, the XML blurb in Jeff&#8217;s own sidebar says, &#8220;Click the link above to be notified automatically every time I add a new post.&#8221; Granted, his audience is undeniably technical, but why potentially a) confuse a newbie, or b) state the obvious to a techy?)</p>
<p>In 2006, Stephanie Quilao published another great article (&#8221;<a href="http://cravingideas.blogs.com/backinskinnyjeans/2006/09/how_to_explain_.html">How to Explain RSS the Oprah Way</a>&#8220;) that defined the purpose of RSS in down-to-earth language:</p>
<blockquote><p>Suppose you have 50 sites and blogs that you like to visit regularly. Going to visit each website and blog everyday could take you hours. With RSS, you can “subscribe” to a website or blog, and get “fed” all the new headlines from all of these 50 sites and blogs in one list, and see what’s going on in minutes instead of hours.</p></blockquote>
<p>In fact, using Quilao&#8217;s article as a reference I was able to get both my 60+year old parents to start using Netvibes this year. What&#8217;s interesting is that they both still ignore the big orange icons when reading blogs. Instead they a) use Netvibes&#8217; &#8220;Add Content&#8221; button and enter the main site URI, or b) use <a href="http://neerajtikku.wordpress.com/2006/04/17/add-to-netvibes-bookmarklet/">the bookmarklet</a>. </p>
<p>When it came to redesigning my own site this year, I figured that even if the audience <strong>was</strong>  tech-savvy, why not make it easy on them? In the right-hand sidebar are direct links to some of the top readers (Bloglines, iGoogle, Netvibes) with a pre-configured URI, making the one-click subscription process more about courtesy than necessity. </p>
<p>Long story short, since the redesign in May, my RSS suscribers have doubled. Because I&#8217;m superstitious, I&#8217;d like to think part of it is reconsidering how I offered my feed.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/12/04/effectively-advertising-an-rss-feed/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Dreaming of the Portable Workspace</title>
		<link>http://www.darrenhoyt.com/2008/12/02/dreaming-of-the-portable-workspace/</link>
		<comments>http://www.darrenhoyt.com/2008/12/02/dreaming-of-the-portable-workspace/#comments</comments>
		<pubDate>Tue, 02 Dec 2008 06:08:56 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=320</guid>
		<description><![CDATA[For ten years, I've wanted the ability to <strong>develop websites comfortably on any system</strong>. This means traveling to South America somewhere, sitting down at a public computer in a coffee shop and having all my bookmarks, RSS feeds, applications and development files available. I'm <a href="http://www.darrenhoyt.com/2007/12/17/streamline-your-process-rss-feeds-bookmarks-frameworks-design-resources/">pretty picky about streamlining my workflow</a>, so a truly portable workspace would be ideal.]]></description>
			<content:encoded><![CDATA[<p><span class="drop">F</span>or ten years, I&#8217;ve wanted the ability to <strong>develop websites comfortably on any system</strong>. This means traveling to South America somewhere, sitting down at a public computer in a coffee shop and having all my bookmarks, RSS feeds, applications and development files available. I&#8217;m <a href="http://www.darrenhoyt.com/2007/12/17/streamline-your-process-rss-feeds-bookmarks-frameworks-design-resources/">pretty picky about streamlining my workflow</a>, so a truly portable workspace would be ideal.</p>
<p>This is all taking shape now that <a href="http://en.wikipedia.org/wiki/Cloud_computing">cloud-computing</a> has taken over. For me, an important missing link has always been <strong>convenient file storage</strong>. Then recently <a href="http://www.thenestedfloat.com">Matt</a> recommended <a href="http://www.jungledisk.com/">Jungle Disk</a>, a desktop app that mounts as a shared drive, powered by <a href="http://aws.amazon.com/s3/">Amazon Simple Storage</a>.</p>
<p><img src="http://www.darrenhoyt.com/images/blog/jungle.jpg" alt="jungledisk" class="blogpic" /></p>
<p>Just like many PHP coders begin with Symfony or Code Igniter, and AJAX developers begin with MooTools or jQuery, I need my own <strong>designer&#8217;s framework</strong> (for lack of a better word)  to build sites from whatever computer I happen to be using. </p>
<p>Jungle Disk provides me with a <strong>globally-accessible toolbox</strong> containing:</p>
<ul>
<li>Photoshop brushes, actions, swatches and styles</li>
<li>Fonts</li>
<li>Library of textures, stock photos and icons</li>
<li>CSS/HTML frameworks</li>
<li>Coda Clips and Dreamweaver snippets</li>
<li>My baseline WordPress theme</li>
<p>They&#8217;re not paying me to point it out, but Jungle Disk is also <a href="http://www.jungledisk.com/desktop/pricing.aspx">insanely cheap</a>, for my needs anyway. It has configuration options to <strong>schedule backups</strong> which ensures my home desktop, laptop and work machines can be synced up easily. There&#8217;s also <a href="https://www.jungledisk.com/workgroup/index.aspx">a WorkGroup edition</a> that allows for <strong>multiple buckets</strong> to be shared among other users. </p>
<p>Aside from file storage, there have also been major improvements the last two years in <strong>web-based image editors</strong> like <a href="http://www.splashup.com/">Splashup</a>, <a href="http://www.pixlr.com/">Pixlr</a> and <a href="http://www.sumopaint.com/">SumoPaint</a>, plus coding apps like <a href="http://www.wymeditor.org/">WYMeditor</a>. </p>
<p>But what if what I <em>really</em> need is a more encompassing operating system-like environment that saves my user profile and application settings, while functioning as a browser? Some say <a href="http://www.linuxjournal.com/content/gacl">that&#8217;s where Google Chrome is headed</a>, if <a href="http://www.thinkgos.com/cloud.php">gOS Cloud hasn&#8217;t already surpassed it</a>.</p>
<p>I&#8217;d predict within 3-4 years, all of the above will be integrated into a configurable workspace that I can access from anywhere. I&#8217;ll be able to sit in that South American coffee shop with all my tools available and build websites as <strong>quickly and comfortably</strong> as I can now. Just to be on the safe side, I&#8217;ll still pack my laptop.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2008/12/02/dreaming-of-the-portable-workspace/feed/</wfw:commentRss>
		</item>
		<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>
	</channel>
</rss>
