<?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>jole.ca &#187; Website</title>
	<atom:link href="http://jole.ca/posts/category/website/feed/" rel="self" type="application/rss+xml" />
	<link>http://jole.ca</link>
	<description>Joel Adria Technical Services</description>
	<lastBuildDate>Mon, 07 May 2012 06:53:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Panic Swag</title>
		<link>http://jole.ca/posts/panic-swag/</link>
		<comments>http://jole.ca/posts/panic-swag/#comments</comments>
		<pubDate>Tue, 14 Jun 2011 00:58:40 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://jole.ca/?p=4081</guid>
		<description><![CDATA[Panic Swag, a photo by jolephoto on Flickr. Via Flickr: After about 6 months of waiting (which seemed pretty out of character) my Panic &#8230; <a href="http://jole.ca/posts/panic-swag/">Read More <span class="meta-nav">&#62;</span></a>]]></description>
			<content:encoded><![CDATA[<div style="margin: 0 0 10px 0; padding: 0; font-size: 0.8em; line-height: 1.6em;"><a title="Panic Swag" href="http://www.flickr.com/photos/jole/5831013300/"><img src="http://farm3.static.flickr.com/2604/5831013300_c71bc8568a.jpg" alt="Panic Swag by jolephoto" /></a><br />
<span style="margin: 0;"><a href="http://www.flickr.com/photos/jole/5831013300/">Panic Swag</a>, a photo by <a href="http://www.flickr.com/photos/jole/">jolephoto</a> on Flickr.</span></div>
<p><em>Via Flickr:</em></p>
<p>After about 6 months of waiting (which seemed pretty out of character) my Panic goods have finally arrived!</p>
<p>-Transmit (FTP client) stylized T-shirt</p>
<p>-&#8221;Loading&#8221; T-Shirt (been wanting something this geeky for a while!)</p>
<p>-Team Panic T-Shirt</p>
<p>-Full set of 4 Panic faux game boxes (so awesome!)</p>
<p>If you have never heard of <a href="http://panic.com">Panic</a>, they&#8217;re a great Mac software company that has been around since the beginning. Personally I use Transmit and Coda on a daily basis for all my website development work.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Fpanic-swag%2F&amp;title=Panic%20Swag" id="wpa2a_4"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/panic-swag/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The new jole.ca!</title>
		<link>http://jole.ca/posts/the-new-jole-ca/</link>
		<comments>http://jole.ca/posts/the-new-jole-ca/#comments</comments>
		<pubDate>Tue, 10 May 2011 04:07:10 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://jole.ca/?p=3921</guid>
		<description><![CDATA[After almost a year of sitting on a fresh design for jole.ca, it&#8217;s finally here! The first thing you&#8217;ll notice is the lighter, more &#8230; <a href="http://jole.ca/posts/the-new-jole-ca/">Read More <span class="meta-nav">&#62;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="attachment_3922" class="wp-caption alignright" style="width: 264px"><a href="http://jole.ca/wp-content/uploads/2011/05/DSC_3070.jpg"><img class="size-large wp-image-3922  " title="jole.ca on the iPad, while still under development" src="http://jole.ca/wp-content/uploads/2011/05/DSC_3070-1024x680.jpg" alt="" width="254" height="169" /></a><p class="wp-caption-text">jole.ca on the iPad, while still under development</p></div>
<p>After <a href="http://jole.ca/posts/whiteboard-of-the-week-19/">almost a year</a> of sitting on a fresh design for jole.ca, it&#8217;s finally here!</p>
<p>The first thing you&#8217;ll notice is the lighter, more magazine-style layout of the site. In some ways it is very reminiscent of my last custom-made theme for jole.ca (the one that came before aerogold), which incorporated the horizontal navigation and emphasis on non-blog content. Since then, I&#8217;ve learned more about web design, WordPress, modern web standards and conventions, all ideas that have grown out of working on WordPress sites in the past couple of years, notably with Trevor van Gorp of Affective Design.</p>
<p>Some of the goals for the new design were to include as many modern CSS techniques as possible, which is noticeable in the homepage where all gradients, shadows, rotations and image cropping is performed entirely in CSS. The homepage also uses the &#8220;Featured Image&#8221; feature in WP 3.0+, along with excerpts from any posts marked &#8220;Featured&#8221;. The bottom four panels are widgets that can be re-arranged and customized using a simple &#8220;Feature Page&#8221; widget I&#8217;ve bundled in the theme code.</p>
<p>In addition to these web-related features, I&#8217;ve also optimized it for viewing on tablets and mobile devices. Most image posts from the past 6 months are scaled so that they remain crisp when zoomed in on an iPhone, for example. The homepage was modelled after <a href="http://flipboard.com/">Flipboard</a>, and serves as a &#8220;front cover&#8221; to the site. Text is well spaced and placed in narrower columns to make reading as enjoyable as possible.</p>
<p>One feature that is missing from the site is the Gallery, which has been officially retired. While the &#8220;jolephoto&#8221; brand is being phased out, my photography will continue to be developed on my <a href="http://flickr.com/photos/jole">Flickr feed</a>. After purchasing a Pro account, I&#8217;ve unlocked a number of older pics that are available once more, and I&#8217;m working to build up Sets, Tags and Collections. I also plan to post entries on any major contributions to the feed.</p>
<p>Other special feature you&#8217;ll notice is better integration with social media and outside services, including the transition to Disqus for commenting. Disqus allows you to maintain a single account for all your comments across multiple blogs, and also allows for single sign-on with Facebook or Twitter.</p>
<p>While a refresh was certainly overdue, this shift also represents a new mission for the jole.ca domain, which is to promote the Joel Adria Technical Services brand. JoelAdria.com has redirected here for a while now, but I can now say it represents my work and brand more appropriately for current and potential clients. Be sure to take a look around, and I hope you enjoy the new jole.ca!</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Fthe-new-jole-ca%2F&amp;title=The%20new%20jole.ca%21" id="wpa2a_8"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/the-new-jole-ca/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design For Emotion book site launches</title>
		<link>http://jole.ca/posts/design-for-emotion-book-site-launches/</link>
		<comments>http://jole.ca/posts/design-for-emotion-book-site-launches/#comments</comments>
		<pubDate>Wed, 20 Apr 2011 01:28:38 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://jole.ca/?p=2400</guid>
		<description><![CDATA[After a several months of development, I&#8217;m pleased to announce the launch of Trevor Van Gorp&#8216;s new book site, DesignForEmotion.com. Based on the theme from &#8230; <a href="http://jole.ca/posts/design-for-emotion-book-site-launches/">Read More <span class="meta-nav">&#62;</span></a>]]></description>
			<content:encoded><![CDATA[<p>After a several months of development, I&#8217;m pleased to announce the launch of <a href="http://www.linkedin.com/in/trevorvangorp">Trevor Van Gorp</a>&#8216;s new book site, <a href="http://designforemotion.com">DesignForEmotion.com</a>. Based on the theme from <a href="http://www.affectivedesign.com/">AffectiveDesign.com</a>, I helped Trevor redevelop it with a new style and theme while still maintaining the visual connection to AD.</p>
<p><a href="http://jole.ca/wp-content/uploads/Screenshot-2011-04-19-at-7.07.01-PM.png"><img class="aligncenter size-medium wp-image-2404" title="Screenshot 2011-04-19 at 7.07.01 PM" src="http://jole.ca/wp-content/uploads/Screenshot-2011-04-19-at-7.07.01-PM-400x358.png" alt="" width="400" height="358" /></a></p>
<p>The backend is still WordPress, and works around the same concept as the AD theme, with a few improvements here and there. A number of recent innovations in WordPress will come in handy for next time round however. <a href="http://en.support.wordpress.com/featured-images/">Featured images</a> help simplify associated a thumbnail with a particular post or page, and <a href="http://cogdogblog.com/2010/05/28/setting-up-custom-contenttypes/">content types</a> allow you to separate calendar dates from blog posts within the UI.</p>
<p>One thing I noticed first on this particular WordPress install was that Dreamhost likes to turn off post versioning (presumably to save on database storage, and since disabling it inside wp-config.php is hidden from the user, most people would never notice its absence). However, when you are looking for post versioning and can&#8217;t find it, double check that it&#8217;s not disabled in your wp-config.php. You might want to turn it on now just in case!</p>
<p>Be sure to check out the <a href="http://designforemotion.com" target="_blank">Design for Emotion</a> for details on the book and your chance to be involved in the creation of the book.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Fdesign-for-emotion-book-site-launches%2F&amp;title=Design%20For%20Emotion%20book%20site%20launches" id="wpa2a_12"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/design-for-emotion-book-site-launches/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSN Website Launched</title>
		<link>http://jole.ca/posts/csn-website-launched/</link>
		<comments>http://jole.ca/posts/csn-website-launched/#comments</comments>
		<pubDate>Sat, 26 Feb 2011 03:12:54 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://jole.ca/?p=2369</guid>
		<description><![CDATA[Reading week is just wrapping up in my world, but there&#8217;s been a flurry of activity to get a new website out the door &#8230; <a href="http://jole.ca/posts/csn-website-launched/">Read More <span class="meta-nav">&#62;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Reading week is just wrapping up in my world, but there&#8217;s been a flurry of activity to get a new website out the door for the <a href="http://csnscn.ca">Canadian Society of Nephrology</a> (CSN). It&#8217;s been an interesting journey for them, as they&#8217;ve been working with Blackbaud, a huge SaaS provider targeted at non-profits and fundraising outfits. <a href="http://csnscn.ca"><img class="aligncenter size-medium wp-image-2370" title="Screen shot 2011-02-25 at 4.17.33 PM" src="http://jole.ca/wp-content/uploads/Screen-shot-2011-02-25-at-4.17.33-PM.png" alt="" width="400" height="390" /></a></p>
<p>The product they&#8217;re using is called <a href="http://internet.blackbaud.com/">Kintera Sphere</a>, which provides <a href="http://en.wikipedia.org/wiki/Content_management_system">CMS</a> and member/donor management in one. They&#8217;ve had the member management working quite well for a while now, but the website kept getting delayed because there wasn&#8217;t a lot of time or know-how to get all the information into the CMS for them.</p>
<p>My task was just that, and overall it turned out quite well. Much of Kintera&#8217;s management is a bit antiquated, with some interesting interface quirks, and many traces of legacy code that isn&#8217;t quite in line with modern standards. The separation of theme and content also wasn&#8217;t quite well developed, which meant it was hard to output content in a logical way.</p>
<p>I did however manage to figure out a few of the many tools the CMS offered, and use them to my advantage. The launch was relatively smooth, and now the job of optimizing, tweaking, and keeping the site fresh over the months begins. Congratulations CSN on your new website!</p>
<p><a href="http://csnscn.ca">Visit CSNSCN.ca</a></p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Fcsn-website-launched%2F&amp;title=CSN%20Website%20Launched" id="wpa2a_16"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/csn-website-launched/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Migration to Flickr</title>
		<link>http://jole.ca/posts/migration-to-flickr/</link>
		<comments>http://jole.ca/posts/migration-to-flickr/#comments</comments>
		<pubDate>Sun, 05 Sep 2010 21:49:41 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[flickrer]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[jolephoto]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://jole.ca/?p=2285</guid>
		<description><![CDATA[So, in an ultimate move of irony, I&#8217;ve decided to migrate my photos to Flickr. About 5 years ago I started there, but was &#8230; <a href="http://jole.ca/posts/migration-to-flickr/">Read More <span class="meta-nav">&#62;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="size-medium wp-image-2286 alignleft" title="Flickr_eps" src="http://jole.ca/wp-content/uploads/Flickr_eps-400x400.png" alt="" width="240" height="240" />So, in an ultimate move of irony, I&#8217;ve decided to migrate my photos to <a href="http://flickr.com/photos/jole/">Flickr</a>. About 5 years ago I started there, but was too bothered by the need to pay for a Pro account just to store my photos. I haven&#8217;t bought a Pro account yet, but will likely in the coming weeks. I&#8217;ll keep organizing the sets over on my Flickr Page, and you can enjoy the nicer UI, <a href="http://www.flickr.com/photos/jole/map/">geotagging</a>, <a href="http://www.flickr.com/photos/jole/sets/">sets</a>, and other features that never really materialized in the (officially defunct) <a href="http://jole.ca/flickrer/">flickrer</a>.</p>
<p>The move comes from the desire to simplify my workflow, while making the interface to various destinations simplified. Without a doubt, this move to Flickr will mean it&#8217;s one-click to get my pics from iPhoto to the Web, and simplify the integration of my photography into WordPress and jole-v3.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Fmigration-to-flickr%2F&amp;title=Migration%20to%20Flickr" id="wpa2a_20"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/migration-to-flickr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>On WP Custom Post Types</title>
		<link>http://jole.ca/posts/on-wp-custom-post-types/</link>
		<comments>http://jole.ca/posts/on-wp-custom-post-types/#comments</comments>
		<pubDate>Sat, 07 Aug 2010 18:36:47 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[Website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://jole.ca/?p=2238</guid>
		<description><![CDATA[So I was hoping to design jole-v3 using WordPress&#8217; latest and greatest Custom Post Types, with customized media types for blog entries, tweets, photos, &#8230; <a href="http://jole.ca/posts/on-wp-custom-post-types/">Read More <span class="meta-nav">&#62;</span></a>]]></description>
			<content:encoded><![CDATA[<p>So I was hoping to design jole-v3 using WordPress&#8217; latest and greatest <a href="http://kovshenin.com/archives/custom-post-types-in-wordpress-3-0/">Custom Post Types</a>, with customized media types for blog entries, tweets, photos, podcasts, and videos. However I&#8217;m beginning to realize the problem with this strategy, particularly at this point in the development cycle.</p>
<p><a href="http://v3.jole.ca/wp-content/uploads/2010/08/Screen-shot-2010-08-15-at-11.30.04-PM.png"><img class="alignleft size-full wp-image-2271" title="Screen shot 2010-08-15 at 11.30.04 PM" src="http://v3.jole.ca/wp-content/uploads/2010/08/Screen-shot-2010-08-15-at-11.30.04-PM.png" alt="" width="162" height="250" /></a></p>
<p>The new site design revolves around the idea that all my content will be ushered into my personal website for unified and simple browsing of all that exists in the jole atmosphere, however in order to do this, I need a variety of WordPress tools and plugins that will appropriately fetch items from various social media websites. The problem is, most of these plug-ins are not yet custom-post-type aware, or at least not without modification on my behalf. For example, I can have <a href="http://wordpress.org/extend/plugins/wp-o-matic/">WP-o-matic </a>automatically bring in all my twitpics, but I can&#8217;t tell it to save them as &#8220;Tweet&#8221; post types (at least not yet.)</p>
<p>Before the advent of custom post types, the traditional method of setting up not-so-post-y post types in WP was to simply give them a designated category, and style it appropriately within the theme when you come across it. I&#8217;m beginning to realize that perhaps this is still the best way to go at this point in the game, seeing as even the native WordPress environment is a bit confused as to how the various content types will be delivered through theme files.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Fon-wp-custom-post-types%2F&amp;title=On%20WP%20Custom%20Post%20Types" id="wpa2a_24"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/on-wp-custom-post-types/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jolemobile</title>
		<link>http://jole.ca/posts/jolemobile/</link>
		<comments>http://jole.ca/posts/jolemobile/#comments</comments>
		<pubDate>Fri, 25 Jun 2010 18:03:35 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[bike]]></category>
		<category><![CDATA[edmonton]]></category>
		<category><![CDATA[jolemobile]]></category>
		<category><![CDATA[yeg]]></category>
		<category><![CDATA[yegbike]]></category>

		<guid isPermaLink="false">http://jole.ca/posts/jolemobile/</guid>
		<description><![CDATA[Now you can spot me anywhere around town!&#160; Service call!? Milk crate is super practical. Hurray for advertising!]]></description>
			<content:encoded><![CDATA[<div class="posterous_autopost">Now you can spot me anywhere around town!<a href="http://posterous.com/getfile/files.posterous.com/joeladria/8C3akKXJKfLVSSnBl8e4W06WyL7iweitjGfAQeATcdPmlfO3HlpiKdeon4Jk/DSC_9849.jpg.scaled.1000.jpg"><img src="http://posterous.com/getfile/files.posterous.com/joeladria/x4oteMHcAs86BtU3AFNy2fEhnEBHVkXTBE2AzYHDmxxmY3DD9WFLkHzJtEtI/DSC_9849.jpg.scaled.500.jpg" alt="" width="500" height="330" /></a>&nbsp;</p>
<p>Service call!?</p>
<p><a href="http://posterous.com/getfile/files.posterous.com/joeladria/IMNHv6ZLgmcymzhpdNsZb8fGKWwfga9Z8hUxsQr51HkkmAsPf4X8mHiqvxDD/DSC_9847.jpg.scaled.1000.jpg"><img src="http://posterous.com/getfile/files.posterous.com/joeladria/h2Q6sOlqvI3tZetakQOLXpllq4prY2e7CHYUiWRgFYmk9Yr2DYlV3NavkN7C/DSC_9847.jpg.scaled.500.jpg" alt="" width="500" height="330" /></a></p>
<p>Milk crate is super practical.</p>
<p><a href="http://posterous.com/getfile/files.posterous.com/joeladria/YLR38ZuoP4hC5rtuhFiXIncnxypzPZ24fUSFVzGEiJ23fmiu6rscvXIoBcdM/DSC_9848.jpg.scaled.1000.jpg"><img src="http://posterous.com/getfile/files.posterous.com/joeladria/kq8sguenAaDfVR8UUzH8fj9W6tYxr6CqLv2dPsFqw5JVYUfIdR5Um8Cm3SHI/DSC_9848.jpg.scaled.500.jpg" alt="" width="500" height="330" /></a></p>
<p>Hurray for advertising!</p>
</div>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Fjolemobile%2F&amp;title=jolemobile" id="wpa2a_28"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/jolemobile/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Whiteboard of the Week &#8211; 19</title>
		<link>http://jole.ca/posts/whiteboard-of-the-week-19/</link>
		<comments>http://jole.ca/posts/whiteboard-of-the-week-19/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 21:01:58 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[jolephoto]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Whiteboard of the Week]]></category>

		<guid isPermaLink="false">http://jole.ca/posts/whiteboard-of-the-week-18-2/</guid>
		<description><![CDATA[This week&#8217;s whiteboard&#8230; isn&#8217;t on a whiteboard, but close enough. Here is what the new jole.ca will look like eventually. I&#8217;ve been playing around &#8230; <a href="http://jole.ca/posts/whiteboard-of-the-week-19/">Read More <span class="meta-nav">&#62;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="posterous_autopost">
<div><a href="http://posterous.com/getfile/files.posterous.com/joeladria/iycCOZNh89qjavrHqIWqiFEBY962n10lb1OBnkCbRutqdoYXRq4O4BQ5RrjX/DSC_9760.jpg.scaled.1000.jpg"><a href="http://jole.ca/wp-content/uploads/2010/06/DSC_9760.jpg.scaled.1000.jpg"><img class="size-full wp-image-3893 alignright" title="DSC_9760.jpg.scaled.1000" src="http://jole.ca/wp-content/uploads/2010/06/DSC_9760.jpg.scaled.1000.jpg" alt="" width="288" height="190" /></a></a></div>
<div>This week&#8217;s whiteboard&#8230; isn&#8217;t on a whiteboard, but close enough. Here is what the new <a href="http://jole.ca">jole.ca</a> will look like eventually. I&#8217;ve been playing around with Apple Dashcode, an IDE/Environment for developping web apps. I&#8217;ve been throwing around the idea of consolidating all my stuff more conveniently to form a central jolemedia network site sort of deal, and Dashcode has impressed me enough to consider building it there.</div>
<div>Here&#8217;s a (very) rough sketch of what it will include:</div>
<div>
<ul class="MailOutline">
<li>Home page with a Facebook-like stream of all the media coming from jole</li>
<li>Blog filter</li>
<li>Photo filter with enhanced viewing options (other sketches were drawn for that&#8230;)</li>
<li>Video filter with similar viewing options</li>
<li>Podcast filter</li>
<li>Tweet filter</li>
</ul>
</div>
<div>By filter I just mean clicking on it will show just those types of content. I&#8217;d like to have it so that it&#8217;s very web-appy, and work nicely on all them iDevices the kids are using these days, and just in general make it easier and more enjoyable to browse the content I have. Maybe learn a bit of JS along the way!</div>
</div>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Fwhiteboard-of-the-week-19%2F&amp;title=Whiteboard%20of%20the%20Week%20%E2%80%93%2019" id="wpa2a_32"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/whiteboard-of-the-week-19/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Need Web, Tech or IT? Check out jole.ca/cv!</title>
		<link>http://jole.ca/posts/need-web-tech-or-it-check-out-jole-cacv/</link>
		<comments>http://jole.ca/posts/need-web-tech-or-it-check-out-jole-cacv/#comments</comments>
		<pubDate>Mon, 10 May 2010 18:22:27 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://jole.ca/posts/need-web-tech-or-it-check-out-jole-cacv/</guid>
		<description><![CDATA[I think the title pretty much sums it up. I&#8217;m looking for some work this summer, so if you have a WordPress project that &#8230; <a href="http://jole.ca/posts/need-web-tech-or-it-check-out-jole-cacv/">Read More <span class="meta-nav">&#62;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="posterous_autopost">I think the title pretty much sums it up. I&#8217;m looking for some work this summer, so if you have a WordPress project that needs doing, or maybe you just a good tech support guy, I&#8217;m your guy!&nbsp;</p>
<div>I put together a little page summarizing some of my previous experiences and activities, but I&#8217;m always up for a new challenge.</div>
<div>Check it out here: <a href="http://jole.ca/cv">http://jole.ca/cv</a> !</div>
<div><a href="http://jole.ca/cv/"></a><a href="http://jole.ca/cv"><img src="http://posterous.com/getfile/files.posterous.com/joeladria/XLczgpOkfl9m5veRIHT41ZPYfIhzdgUVpoKp48NcJfR9L6B31PtQkIv0y1Cu/PastedGraphic-1.png.scaled.500.jpg" alt="" width="500" height="426" /></a></div>
<div>For this page, I used <a href="http://fancybox.net/">Fancybox</a> which I will probably install across the board as my replacement for Lightbox. It&#8217;s a bit more compatible and the close button is way more obvious. Thanks Trevor! Also, this page will likely be the basis for a new web design for <a href="http://jole.ca">jole.ca</a>, depending on whether or not I get some work <img src='http://jole.ca/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </div>
</div>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Fneed-web-tech-or-it-check-out-jole-cacv%2F&amp;title=Need%20Web%2C%20Tech%20or%20IT%3F%20Check%20out%20jole.ca%2Fcv%21" id="wpa2a_36"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/need-web-tech-or-it-check-out-jole-cacv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AffectiveDesign.com Launches Today!</title>
		<link>http://jole.ca/posts/affectivedesign-com-launches-today/</link>
		<comments>http://jole.ca/posts/affectivedesign-com-launches-today/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 17:29:41 +0000</pubDate>
		<dc:creator>Joel Adria</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[affective design]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[content management system]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp]]></category>

		<guid isPermaLink="false">http://jole.ca/posts/affectivedesign-com-launches-today/</guid>
		<description><![CDATA[Today marks the launch of&#160;AffectiveDesign.com,&#160;a project I&#8217;ve been working on for Design and UX Expert,&#160;Trevor van Gorp. The design and flow of the site &#8230; <a href="http://jole.ca/posts/affectivedesign-com-launches-today/">Read More <span class="meta-nav">&#62;</span></a>]]></description>
			<content:encoded><![CDATA[<div class='posterous_autopost'>
<div>Today marks the launch of&nbsp;<a href="http://affectivedesign.com/">AffectiveDesign.com</a>,&nbsp;a project I&#8217;ve been working on for Design and UX Expert,&nbsp;<a href="http://ca.linkedin.com/in/trevorvangorp">Trevor van Gorp</a>. The design and flow of the site was created by Trevor; the HTMLification and integration into WordPress being my task. WordPress has come a long way from its early days as a simple blogging platform. Previously it required a lot of hacking to get it to behave like a Content Management System (CMS) but thanks to Pages and a bit of theme code, it actually works quite well for light-duty websites.&nbsp;</div>
<p />
<div>The theme I created for AD implements some interesting WordPress-as-a-CMS functionality. While plug-ins play an important role, I tried to implement the bulk of it using WordPress theme templates. WordPress supports distinction between &#8220;Posts&#8221; and &#8220;Pages&#8221; (and sub-pages) which I used extensively to organize page data. Top-level pages are the source for the tab navigation, with any sub-pages living within those tabs. Blog &#8220;posts&#8221; live within the Blog page, which is specified within Settings &gt; Reading of WP.</div>
<p />
<div><b>Home Page</b></div>
<p /><a href='http://posterous.com/getfile/files.posterous.com/joeladria/IXcbSjFIH6srgM6iWEBn3lcLEBT9PMK3LAONoY0diSreLZEQLZUE6gS51XUP/affectivedesign.png.scaled.1000.jpg'><img src="http://posterous.com/getfile/files.posterous.com/joeladria/HZlxG9Uqf7VjwmacGNinq7YsM9DxKSFbPp7nFifUbpyjCAGdybwiWO8g3rr5/affectivedesign.png.scaled.500.jpg" width="500" height="439"/></a>
<div>The homepage uses a special template (homepage.php) which houses various elements. The left-box houses the &#8220;Home&#8221; page contents, and is coupled with the Flashfader plugin, configurable inside WP. The purple-headed items are Sub-Pages of the Home Page, and the items below them are WP Widgets, all managed within WordPress.</div>
<p />
<p />
<div><b>Top-Level Pages</b></div>
<p />
<div><a href='http://posterous.com/getfile/files.posterous.com/joeladria/Aj3tIu24DgUJTCrxfG7UEqREdngY0BlOZ6ccR3PAMtHQPvm4mcLdpEuWimAQ/affectivedesign-services.png.scaled.1000.jpg'><img src="http://posterous.com/getfile/files.posterous.com/joeladria/OPVbTdMyHySFC77ysPqG09KRsPID35SpzSykobnQ2nyEupkqZxRxkCTxfjZ8/affectivedesign-services.png.scaled.500.jpg" width="500" height="439"/></a> </div>
<p />
<div>Diving into a Top-Level Page, some of the CMS features come to life. Starting with the left sidebar, subpages of <a href="http://affectivedesign.com/services/">Services</a>&nbsp;are listed&nbsp;automatically. Below these items is a customizable sidebar of widgets (just a Twitter widget is being used here). Theme code in functions.php automatically creates dedicated Left and Right sidebars for every page for maximum flexibility. I haven&#8217;t evaluated the actual load this imposes on the server, but load times do not seem to be severely affected, and WP-Cache takes care of the rest.</div>
<p />
<div>In the center we have the contents of the Services pages. If desired, a listing of subpages can be inserted in-line by adding the <div id="list"></div> tag within the page contents. This listing is generated based on variables set in each subpage (for the image) and text processing (to display the snippet).&nbsp;This configuration is not as elegant as I would like, as it requires the use of &#8220;custom fields&#8221; (which isn&#8217;t terribly user-friendly) but allows for thumbnails to appear beside the subpage listing. WordPress has the ability to &#8220;attach&#8221; a particular image to the post, but I found it to be unreliable and difficult to manage.</div>
<p />
<div>The right sidebar stores more customizable widgets. The first is a custom-built widget based on &#8220;better-text-widget&#8221; and allows for the rounded corner styling along with an image (something that is difficult to do with a default text widget.) The &#8220;Testimonials&#8221; widget is also custom-built, and randomly selects a quotation from a list given in the backend. The remaining items are simply basic WP text widgets.</div>
<p />
<div><b>Sub-Pages</b></div>
<p />
<div><a href='http://posterous.com/getfile/files.posterous.com/joeladria/wsdp2nNq1GceU2pCXwNjkgpwg7sqwELHgCRjS35M32l0wOUjeWlukwQtdgMg/affectivedesign-services-strat.png.scaled.1000.jpg'><img src="http://posterous.com/getfile/files.posterous.com/joeladria/5W4ZCVtsi3Dzk3rGXdDNZWmNm34vyW5KL8Xyi6imFD0PZjnPzZYTYSaNiiLk/affectivedesign-services-strat.png.scaled.500.jpg" width="500" height="439"/></a> </div>
<p />
<div>Strategic Insight is a subpage of &#8220;Services&#8221;. The breadcrumb behaves accordingly, and the active subpage is highlighted in the navigation. The image browser is SimpleViewer Pro, which allowed us to customize the look and feel of the actual Flash player to match the look of the sight. The sidebars and other functionality is analogous.&nbsp;</div>
<p />
<div><b>Blog</b></div>
<p />
<div>The&nbsp;<a href="http://affectivedesign.com/blog/">blog page</a>&nbsp;behaves just like any other WordPress blog, with appropriate theming for the template.</div>
<p />
<div><b>Other</b></div>
<p />
<div>The only other thing to note would be the Twitter widget, which is based on Twitter Widget Pro, and customized to add a &#8220;Follow&#8221; button below it and to improve stylability.&nbsp;</div>
<p />
<div>Be sure to check out&nbsp;<a href="http://affectivedesign.com/">AffectiveDesign.com</a>&nbsp;to see how they might be able to help you out, or just to checkout how all these WordPress tricks come together to build a very flexible and powerful CMS!&nbsp;</div>
</div>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fjole.ca%2Fposts%2Faffectivedesign-com-launches-today%2F&amp;title=AffectiveDesign.com%20Launches%20Today%21" id="wpa2a_40"><img src="http://jole.ca/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://jole.ca/posts/affectivedesign-com-launches-today/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

