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

<channel>
	<title>Out to Lunch Productions &#187; XHTML</title>
	<atom:link href="http://www.outtolunchproductions.com/tag/xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.outtolunchproductions.com</link>
	<description>Silly name. Serious websites.</description>
	<lastBuildDate>Mon, 02 Jan 2012 19:00:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>The RightRespect</title>
		<link>http://www.outtolunchproductions.com/the-rightrespect/</link>
		<comments>http://www.outtolunchproductions.com/the-rightrespect/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 18:08:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Plugin Development]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.outtolunchproductions.com/?p=762</guid>
		<description><![CDATA[<p><strong>Creative Brief:</strong> Create a WordPress theme from a design done by Peter Durham. Site needs the following:</p>
<ul>
<li>Rotating images for the three latest posts.</li>
<li>Archive of all posts.</li>
<li>News feed of stories related to human rights and corporate social</li></ul><p>&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Creative Brief:</strong> Create a WordPress theme from a design done by Peter Durham. Site needs the following:</p>
<ul>
<li>Rotating images for the three latest posts.</li>
<li>Archive of all posts.</li>
<li>News feed of stories related to human rights and corporate social responsibility.</li>
<li>Easily add authors with biographies and photographs.</li>
<li>User-friendly forums</li>
<li>An easy way to create endnotes for research articles.</li>
<li>Articles must be downloadable as PDFs.</li>
</ul>
<p>My favorite part of this job was creating the WordPress plugin <a href="/list-contributors/">List Contributors</a>, simply because it&#8217;s a very versatile little tool that I imagine I&#8217;ll be using on some future projects.</p>
<p>I also enjoyed trouble-shooting the downloadable PDFs. I really hate redundant data entry since it probably means that someone isn&#8217;t doing their job properly. The solution I came up with has the benefits of working from the same data (saves on server resources) and offloading most of the heavy lifting to someone else (in this case, pdfmyurl.com). The full explanation of the process can be found <a href="/true-one-click-pdfs/">here.</a></p>
<p>This is the <a href="/wvau-org">second</a> site I&#8217;ve ever built for which I wasn&#8217;t asked to do the actual design and layout. I don&#8217;t know what my clients are trying to tell me.</p>
<p><a href="http://www.rightrespect.com">Visit the site.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.outtolunchproductions.com/the-rightrespect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Strategic Productions, LLC</title>
		<link>http://www.outtolunchproductions.com/strategicproductions/</link>
		<comments>http://www.outtolunchproductions.com/strategicproductions/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 15:47:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.outtolunchproductions.com/?p=755</guid>
		<description><![CDATA[<p><strong>Creative Brief:</strong> Design and build a portfolio website for a video production and online distribution strategy company.</p>
<p>Getting the production site up and running took a little longer than I predicted due to a late-in-the-game design decision, but I&#8217;m much&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Creative Brief:</strong> Design and build a portfolio website for a video production and online distribution strategy company.</p>
<p>Getting the production site up and running took a little longer than I predicted due to a late-in-the-game design decision, but I&#8217;m much happier with where it wound up than I would have been.</p>
<p>The center-piece of the site, the portfolio slider on the front page, uses the Page Thumbnail functionality of WordPress 2.9 to make it ridiculously easy to add new items. This is unlike the slider on my front page, which is hand-crafted in Coda because I don&#8217;t want the XHTML section of my brain to atrophy.</p>
<p>Since there is a secondary slider on the portfolio pages, I set the thumbnail sizes in WordPress to generate the appropriate sizes so that each image only had to be uploaded one time in one place to put the correct images in both places.</p>
<h2>The Road Not Taken</h2>
<p>The first iterations of the design were very dark, <em>brooding</em> almost. Paul Lucci, my partner in crime over at Crooked Gremlins, was brought on to do the illustration work and to help with the logo. The first ideas we had matched the attitude of the site, which was way too serious.</p>
<div id="attachment_757" class="wp-caption aligncenter" style="width: 680px"><img src="http://www.outtolunchproductions.com/wp-content/uploads/2010/04/The-Goddess.png" alt="" title="The-Goddess" width="670" height="338" class="size-full wp-image-757" /><p class="wp-caption-text">The Metal Goddess, indicating strength</p></div>
<div id="attachment_758" class="wp-caption aligncenter" style="width: 680px"><img src="http://www.outtolunchproductions.com/wp-content/uploads/2010/04/The-Strategy.png" alt="" title="The-Strategy" width="670" height="338" class="size-full wp-image-758" /><p class="wp-caption-text">The game-board, indicating strategy</p></div>
<p>Ultimately, the client wanted a more light-hearted look, which we pulled off with a lighter color palette and brighter imagery in the slider.</p>
<p><img src="http://www.outtolunchproductions.com/wp-content/uploads/2010/04/support.png" alt="" title="support" width="200" height="246" class="alignright size-full wp-image-759" style="border:0;" /><br />
<h2>The Services Section</h2>
<p>One of the last pieces of the site to come together was the Services section. I&#8217;m still kind of amazed how it only takes one or two ideas to make a thing that seemed totally broken and unapproachable a nice thing to look at.</p>
<p>Paul provided the illustrations here, as well.</p>
<p><a href="http://www.strategicproductionsllc.com">Visit the site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.outtolunchproductions.com/strategicproductions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The New LINK Live</title>
		<link>http://www.outtolunchproductions.com/linklive/</link>
		<comments>http://www.outtolunchproductions.com/linklive/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 17:16:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[video production]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.outtolunchproductions.com/?p=426</guid>
		<description><![CDATA[<p><strong>Creative Brief:</strong> Give a visual face-lift to the <a href="http://www.outtolunchproductions.com/2009/02/25/link-liveorg/">LINK Live website</a>. Update back-end coding to include new best practices, as well as include some extra functionality the site didn&#8217;t originally need.</p>
<p><a href="http://linklive.org">Visit the site</a></p>
]]></description>
			<content:encoded><![CDATA[<p><strong>Creative Brief:</strong> Give a visual face-lift to the <a href="http://www.outtolunchproductions.com/2009/02/25/link-liveorg/">LINK Live website</a>. Update back-end coding to include new best practices, as well as include some extra functionality the site didn&#8217;t originally need.</p>
<p><a href="http://linklive.org">Visit the site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.outtolunchproductions.com/linklive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Andre Sobel River of Life</title>
		<link>http://www.outtolunchproductions.com/andreriveroflife/</link>
		<comments>http://www.outtolunchproductions.com/andreriveroflife/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 06:43:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.outtolunchproductions.com/?p=368</guid>
		<description><![CDATA[<p><strong>Creative Brief:</strong> Provide a fresh and innovative look for an established charitable organization to help drive online donations and participations.</p>
<p>It was necessary to create a visual aesthetic that synced up with their current organizational philosophy and structure.</p>
<p><strong>The &#8220;wow&#8221;</strong>&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Creative Brief:</strong> Provide a fresh and innovative look for an established charitable organization to help drive online donations and participations.</p>
<p>It was necessary to create a visual aesthetic that synced up with their current organizational philosophy and structure.</p>
<p><strong>The &#8220;wow&#8221; factor</strong>: A new kind of slider. A great deal of my professional life is consumed by people&#8217;s love of jQuery, which is awkward since I can&#8217;t lay any claim to the scripting itself. I simply put it in front of people and let them say &#8220;Whoa.&#8221;</p>
<p>This slider differs from the <a href="http://www.realpolitech.com/people">RealPolitech</a> slider in that it uses text links at the bottom of the imagery for navigation, as opposed to vertical slats that eat up a bunch of space.</p>
<p><a href="http://andreriveroflife.org">Visit the Andre Sobel site.</a></p>
<h2>Deceptively simple</h2>
<p>This site contains a great deal of content. which may not be apparent to the average user. This is the designer/developer&#8217;s job; <em>make it look easy</em>. If a user feels encumbered or inconvenienced by your website, they will not come back.</p>
<p>Any student of web design, when confronted in a moment of honesty, will tell you that they continually search for ways to make sites simpler. The two words that we hear the most in our line of business? <strong>Clean + Simple.</strong></p>
<p>By way of comparison, here is a screen shot of their previous design.</p>
<p><img class="size-medium wp-image-389" title="safariscreensnapz002" src="http://www.outtolunchproductions.com/wp-content/uploads/2009/06/safariscreensnapz002-300x264.jpg" alt="safariscreensnapz002" width="300" height="264" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.outtolunchproductions.com/andreriveroflife/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RealPolitech</title>
		<link>http://www.outtolunchproductions.com/realpolitech/</link>
		<comments>http://www.outtolunchproductions.com/realpolitech/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 17:51:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.outtolunchproductions.com/?p=350</guid>
		<description><![CDATA[<p><strong>Creative Brief: </strong>Design and code a showcase/client-nabbing website for a consortium of social entrepreneurs. We started with the iconic image of a guy in a crowd holding up a Flip-Cam and went from there.</p>
<p>The sites needs to show off not only&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Creative Brief: </strong>Design and code a showcase/client-nabbing website for a consortium of social entrepreneurs. We started with the iconic image of a guy in a crowd holding up a Flip-Cam and went from there.</p>
<p>The sites needs to show off not only the work that the consortium does/can do, but also the people within the organization.</p>
<p><strong>&#8220;Wow&#8221; Factor:</strong> The <a href="http://www.realpolitech.com/people">slider</a> on the People page. Uses jQuery and draws from dynamic posts (as opposed to being hard-coded into the template.)</p>
<p><a href="http://www.realpolitech.com">Visit RealPolitech.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.outtolunchproductions.com/realpolitech/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sell Me Lexington</title>
		<link>http://www.outtolunchproductions.com/sell-me-lexington/</link>
		<comments>http://www.outtolunchproductions.com/sell-me-lexington/#comments</comments>
		<pubDate>Mon, 09 Mar 2009 18:22:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[joomla]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.outtolunchproductions.com/?p=251</guid>
		<description><![CDATA[<p><strong>Creative Brief: </strong>Design an information portal site for a local realtor. This website will contain general information about the area as well as a professional blog.</p>
<p>Required a multiple-level CSS dropdown menu to contain the vast multitude of categories and&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Creative Brief: </strong>Design an information portal site for a local realtor. This website will contain general information about the area as well as a professional blog.</p>
<p>Required a multiple-level CSS dropdown menu to contain the vast multitude of categories and sub-categories the client wanted. Also, site contains custom Javascript for mortgage calculators.</p>
<p>Note &#8211; The site owner has changed the <a title="Lexington KY Real Estate" href="http://www.sellmelexington.com">original look of the site</a>. The above image represents the agreed-upon design.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.outtolunchproductions.com/sell-me-lexington/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LINK-live.Org</title>
		<link>http://www.outtolunchproductions.com/link-liveorg/</link>
		<comments>http://www.outtolunchproductions.com/link-liveorg/#comments</comments>
		<pubDate>Thu, 26 Feb 2009 01:23:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.outtolunchproductions.com/?p=49</guid>
		<description><![CDATA[<p><a href="http://www.outtolunchproductions.com/2009/02/25/link-liveorg"><img class="portmage" title="LINK-live.org sample" src="http://www.outtolunchproductions.com/wp-content/uploads/2009/02/linklive_sample1.png" alt="LINK-live.org sample" width="530" height="200" /></a></p>
<p><strong>Creative Brief</strong>: Website for people to interact with a live event &#8211; A Gala held on the eve of the 2009 Presidential Inauguration. Also direct, provide technical support and produce content for the six hour live webcast.</p>
<p>This site&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.outtolunchproductions.com/2009/02/25/link-liveorg"><img class="portmage" title="LINK-live.org sample" src="http://www.outtolunchproductions.com/wp-content/uploads/2009/02/linklive_sample1.png" alt="LINK-live.org sample" width="530" height="200" /></a></p>
<p><strong>Creative Brief</strong>: Website for people to interact with a live event &#8211; A Gala held on the eve of the 2009 Presidential Inauguration. Also direct, provide technical support and produce content for the six hour live webcast.</p>
<p>This site was built on the WordPress CMS to integrate with live blogging tools such as ScribbleLive and Twitter. The webcast featured the hostess Shia Lazar interviewing several VIPs, including Art Bushkin of StarGazer.org and Dr. Steven Chu, the Secretary of Energy.</p>
<p>Necessary features:</p>
<ul>
<li>UStream feed of event.</li>
<li>Live blog feed from multiple bloggers.</li>
<li>Twitter integration.</li>
</ul>
<p><a title="LINK-live" href="http://www.linklive.org">Visit the LINK-live website.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.outtolunchproductions.com/link-liveorg/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Shere Khan</title>
		<link>http://www.outtolunchproductions.com/shere-khan/</link>
		<comments>http://www.outtolunchproductions.com/shere-khan/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 17:19:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[joomla]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.outtolunchproductions.com/?p=65</guid>
		<description><![CDATA[<p><strong>Creative Brief</strong>: Website showcase for the Princeton University a cappella group Shere Khan.</p>
<p>This site was built with on the Joomla CMS so that the members of the group could update it themselves. Since they&#8217;re a musical group, they also&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Creative Brief</strong>: Website showcase for the Princeton University a cappella group Shere Khan.</p>
<p>This site was built with on the Joomla CMS so that the members of the group could update it themselves. Since they&#8217;re a musical group, they also needed rich media integration.</p>
<p>Necessary features:</p>
<ul>
<li>Member&#8217;s section.</li>
<li>A blog with an RSS feed.</li>
<li>A prominent &#8220;Hire Us&#8221; button.</li>
<li>Image rotator.</li>
<li>Audio clips.</li>
</ul>
<p><a title="Shere Khan A Cappella" href="http://www.skprinceton.com">Visit the Shere Khan website.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.outtolunchproductions.com/shere-khan/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Out to Lunch</title>
		<link>http://www.outtolunchproductions.com/out-to-lunch/</link>
		<comments>http://www.outtolunchproductions.com/out-to-lunch/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 17:17:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.outtolunchproductions.com/?p=68</guid>
		<description><![CDATA[<p><strong>Creative Brief:</strong> Re-brand site so it looks like it belongs to a designer instead of a blogger.</p>
<p>When I first started Out to Lunch, I wanted to do position myself as a one-stop shop for anything creative, from print work&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Creative Brief:</strong> Re-brand site so it looks like it belongs to a designer instead of a blogger.</p>
<p>When I first started Out to Lunch, I wanted to do position myself as a one-stop shop for anything creative, from print work to photography to web sites to videos&#8230; really anything.</p>
<p>Of course, since this is typically a solo operation, there was no way I could devote the necessary resources to promoting and competing in all of those fields simultaneously. Or, if I did, I wouldn&#8217;t have any time left to actually produce anything worth looking at.</p>
<p>Here is a &#8220;before&#8221; shot of my website. I will keep it up until I can no longer stand to look at it, which may not be too far off.</p>
<p><img class="alignnone size-full wp-image-202" title="otl_before" src="http://www.outtolunchproductions.com/wp-content/uploads/2009/02/otl_before.png" alt="otl_before" width="500" height="489" /></p>
<p>I&#8217;m sure you see what I mean.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.outtolunchproductions.com/out-to-lunch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

