<?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>Kevin "Skwerl" Cogill &#187; jQuery</title>
	<atom:link href="http://iamskwerl.com/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://iamskwerl.com</link>
	<description>"Skwerls are the people who make the internet useful." -Joel Stein, TIME Magazine (9/7/08)</description>
	<lastBuildDate>Thu, 01 Jul 2010 19:22:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Website For David Kaloyanides</title>
		<link>http://iamskwerl.com/work/design/2010/07/website-for-david-kaloyanides/</link>
		<comments>http://iamskwerl.com/work/design/2010/07/website-for-david-kaloyanides/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 18:31:00 +0000</pubDate>
		<dc:creator>Skwerl</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Identity Design]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://iamskwerl.com/?p=981</guid>
		<description><![CDATA[<strong>Client: David J.P. Kaloyanides, APLC</strong>
<strong>Role:</strong> Designer, Developer (Front/Back)
<strong>When:</strong> 2010

<a rel="attachment wp-att-983" href="http://iamskwerl.com/?attachment_id=983"><img class="alignnone size-medium wp-image-983" title="FederalCrimesDefender.com" src="http://iamskwerl.com/wp-content/uploads/2010/07/fcd-468x294.jpg" alt="" width="468" height="294" /></a>

David Kaloyanides, certified specialist in criminal law and defender of alleged federal criminals, is one of the most badass people I've ever met. When I did meet him, however, his website just didn't do him justice. We fixed that.]]></description>
			<content:encoded><![CDATA[<p><strong>Client: David J.P. Kaloyanides, APLC</strong><br />
<strong>Role:</strong> Designer, Developer (Front/Back)<br />
<strong>When:</strong> 2010</p>
<p><a rel="attachment wp-att-983" href="http://iamskwerl.com/work/design/2010/07/website-for-david-kaloyanides/attachment/fcd/"><img class="alignnone size-medium wp-image-983" title="FederalCrimesDefender.com" src="http://iamskwerl.com/wp-content/uploads/2010/07/fcd-468x294.jpg" alt="" width="468" height="294" /></a></p>
<p>David Kaloyanides, certified specialist in criminal law and defender of alleged federal criminals, is one of the most badass people I&#8217;ve ever met. When I did meet him, however, his website just didn&#8217;t do him justice. We fixed that.</p>
<p>I worked with him to design and build a site that would effectively display his record, his approach, and perhaps most importantly, his commanding personality.</p>
<p>Check out the live site at <a href="http://www.federalcrimesdefender.com/" target="_blank">federalcrimesdefender.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://iamskwerl.com/work/design/2010/07/website-for-david-kaloyanides/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pedigree Adoption Drive</title>
		<link>http://iamskwerl.com/work/dev/2010/04/pedigree-adoption-drive/</link>
		<comments>http://iamskwerl.com/work/dev/2010/04/pedigree-adoption-drive/#comments</comments>
		<pubDate>Sun, 04 Apr 2010 02:53:20 +0000</pubDate>
		<dc:creator>Skwerl</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Facebook API]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://iamskwerl.com/?p=958</guid>
		<description><![CDATA[<strong>Client: Pedigree / Apps Savvy</strong>
<strong>Role:</strong> PHP &#38; Facebook Developer
<strong>When:</strong> 2010

<a rel="attachment wp-att-959" href="http://iamskwerl.com/?attachment_id=959"><img class="alignnone size-medium wp-image-959" title="pedigree-adoption-drive-01" src="http://iamskwerl.com/wp-content/uploads/2010/04/pedigree-adoption-drive-01-468x379.jpg" alt="" width="468" height="379" /></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Client: Pedigree / Apps Savvy</strong><br />
<strong>Role:</strong> PHP &amp; Facebook Developer<br />
<strong>When:</strong> 2010</p>
<p><a rel="attachment wp-att-959" href="http://iamskwerl.com/work/dev/2010/04/pedigree-adoption-drive/attachment/pedigree-adoption-drive-01/"><img class="alignnone size-medium wp-image-959" title="pedigree-adoption-drive-01" src="http://iamskwerl.com/wp-content/uploads/2010/04/pedigree-adoption-drive-01-468x379.jpg" alt="" width="468" height="379" /></a></p>
<p>For <strong>Pedigree</strong>, I built (and installed to <a href="http://www.facebook.com/Pedigree?v=app_345186569012" target="_blank">their fan page</a>) a Facebook application designed to help people spread the word that for each new Facebook fan, Pedigree would donate a bowl of dog food to a dog shelter. A cause close to my heart.</p>
<p><a rel="attachment wp-att-960" href="http://iamskwerl.com/work/dev/2010/04/pedigree-adoption-drive/attachment/pedigree-adoption-drive-02/"><img class="alignnone size-medium wp-image-960" title="pedigree-adoption-drive-02" src="http://iamskwerl.com/wp-content/uploads/2010/04/pedigree-adoption-drive-02-468x376.jpg" alt="" width="468" height="376" /></a></p>
<p>In addition to tools for posting to a user&#8217;s own Facebook and Twitter feeds, the Pedigree Facebook app features a custom-built AJAX / jQuery auto-fill friend selector dialog, designed to post invitations to friends&#8217; walls, rather than bury spammy invites into their notifications inbox as is usually done.</p>
<p><strong><a href="http://www.facebook.com/Pedigree?v=app_345186569012" target="_blank">CHECK IT OUT HERE!</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://iamskwerl.com/work/dev/2010/04/pedigree-adoption-drive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Enjoy Human 2010</title>
		<link>http://iamskwerl.com/work/design/2010/01/enjoy-human-2010/</link>
		<comments>http://iamskwerl.com/work/design/2010/01/enjoy-human-2010/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 18:55:41 +0000</pubDate>
		<dc:creator>Skwerl</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://iamskwerl.com/?p=940</guid>
		<description><![CDATA[<strong>Client: Enjoy Human</strong>
<strong>Role:</strong> Designer, Developer (Front/Back, Flash)
<strong>When:</strong> 2009

<a rel="attachment wp-att-941" href="http://iamskwerl.com/?attachment_id=941"><img class="alignnone size-medium wp-image-941" title="enjoyhuman-v2-boom" src="http://iamskwerl.com/wp-content/uploads/2010/01/enjoyhuman-v2-boom-468x263.jpg" alt="" width="468" height="263" /></a>

I am so proud of this project. When the video production company Enjoy Human decided they wanted to radically revamp their site for 2010, we sat down together and planned everything out thoroughly. They knew they wanted something sleek, clean, and designed for widescreen monitors. But beyond that, they didn't get too hung up on the trivial aesthetics like a lot of clients do ("Can we get the icons in cornflower blue?"), and instead focused on how to effectively present their impressive body of work. There were no last minute direction changes, no jumping from a horse to an elephant in mid-stride so to speak. The clear focus of all parties resulted in a clean, intuitively usable design, and some of the most beautifully efficient code I've ever produced.]]></description>
			<content:encoded><![CDATA[<p><strong>Client: Enjoy Human</strong><br />
<strong>Role:</strong> Designer, Developer (Front/Back, Flash)<br />
<strong>When:</strong> 2009</p>
<p><a rel="attachment wp-att-941" href="http://iamskwerl.com/work/design/2010/01/enjoy-human-2010/attachment/enjoyhuman-v2-boom/"><img class="alignnone size-medium wp-image-941" title="enjoyhuman-v2-boom" src="http://iamskwerl.com/wp-content/uploads/2010/01/enjoyhuman-v2-boom-468x263.jpg" alt="" width="468" height="263" /></a></p>
<p>I am so proud of this project. When the video production company Enjoy Human decided they wanted to radically revamp their site for 2010, we sat down together and planned everything out thoroughly. They knew they wanted something sleek, clean, and designed for widescreen monitors. But beyond that, they didn&#8217;t get too hung up on the trivial aesthetics like a lot of clients do (&#8220;Can we get the icons in cornflower blue?&#8221;), and instead focused on how to effectively present their impressive body of work. There were no last minute direction changes, no jumping from a horse to an elephant in mid-stride so to speak. The clear focus of all parties resulted in a clean, intuitively usable design, and some of the most beautifully efficient code I&#8217;ve ever produced.</p>
<p><a rel="attachment wp-att-942" href="http://iamskwerl.com/work/design/2010/01/enjoy-human-2010/attachment/enjoyhuman-v2-player/"><img class="alignnone size-medium wp-image-942" title="Enjoy Human v2 Video Player" src="http://iamskwerl.com/wp-content/uploads/2010/01/enjoyhuman-v2-player-468x350.jpg" alt="" width="468" height="350" /></a></p>
<p>In addition to designing and coding the site templates, I set up a high definition Flash video player that would handle varying aspect ratios. This player is integrated into the surrounding page in such a way that the page will adapt to the dynamic size and shape of the player. The video library is powered by <a href="http://iamskwerl.com/work/dev/2009/01/wordtube-plugin-for-wordpress/">wordTube</a>, a Wordpress plugin I co-developed.</p>
<p>I created a custom Wordpress plugin to power the homepage featured content slideshow, which is a Flash AS3 application I built from scratch. Enjoy Human 2010 also uses a thumbnail generation plugin I built, originally for <a href="http://iamskwerl.com/work/design/2009/08/antiquiet/">Antiquiet</a>.</p>
<p><a rel="attachment wp-att-943" href="http://iamskwerl.com/work/design/2010/01/enjoy-human-2010/attachment/enjoyhuman-v2-work/"><img class="alignnone size-medium wp-image-943" title="Work Section" src="http://iamskwerl.com/wp-content/uploads/2010/01/enjoyhuman-v2-work-468x351.jpg" alt="" width="468" height="351" /></a></p>
<p>Check out the live site at <a href="http://www.enjoyhuman.com/" target="_blank">enjoyhuman.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://iamskwerl.com/work/design/2010/01/enjoy-human-2010/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Butler Sourcing Wizard</title>
		<link>http://iamskwerl.com/work/dev/2010/01/butler-sourcing-wizard/</link>
		<comments>http://iamskwerl.com/work/dev/2010/01/butler-sourcing-wizard/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 18:18:55 +0000</pubDate>
		<dc:creator>Skwerl</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://iamskwerl.com/?p=922</guid>
		<description><![CDATA[<strong>Client: Butler Sourcing</strong>
<strong>Role:</strong> Backend Developer
<strong>When:</strong> 2009

<a rel="attachment wp-att-923" href="http://iamskwerl.com/?attachment_id=923"><img class="alignnone size-medium wp-image-923" title="Butler Bags Wizard" src="http://iamskwerl.com/wp-content/uploads/2010/01/butler-bags-468x351.jpg" alt="" width="468" height="351" /></a>

So it's not the prettiest site to look at, but it's got some of my best code under the hood.

Butler Sourcing, a manufacturer in China, approached me through recommendation in December of 2009. They had a very complex vision that they were having trouble realizing with their outsource teams. They wanted to create a template for a series of websites for specific products. The template would need to be tweaked visually for each site of course, but it also needed to feature an interactive quote wizard that a user could use to "build" a customized product.]]></description>
			<content:encoded><![CDATA[<p><strong>Client: Butler Sourcing</strong><br />
<strong>Role:</strong> Backend Developer<br />
<strong>When:</strong> 2009</p>
<p><a rel="attachment wp-att-923" href="http://iamskwerl.com/work/dev/2010/01/butler-sourcing-wizard/attachment/butler-bags/"><img class="alignnone size-medium wp-image-923" title="Butler Bags Wizard" src="http://iamskwerl.com/wp-content/uploads/2010/01/butler-bags-468x351.jpg" alt="" width="468" height="351" /></a></p>
<p>So it&#8217;s not the prettiest site to look at, but it&#8217;s got some of my best code under the hood.</p>
<p>Butler Sourcing, a manufacturer in China, approached me through recommendation in December of 2009. They had a very complex vision that they were having trouble realizing with their outsource teams. They wanted to create a template for a series of websites for specific products. The template would need to be tweaked visually for each site of course, but it also needed to feature an interactive quote wizard that a user could use to &#8220;build&#8221; a customized product.</p>
<p><a rel="attachment wp-att-926" href="http://iamskwerl.com/work/dev/2010/01/butler-sourcing-wizard/attachment/wizard-admin/"><img class="alignnone size-medium wp-image-926" title="wizard-admin" src="http://iamskwerl.com/wp-content/uploads/2010/01/wizard-admin-468x350.jpg" alt="" width="468" height="350" /></a></p>
<p>I developed a custom Wordpress plugin and a Wordpress theme to achieve this. The plugin allows Butler to set up an arbitrary number of &#8220;steps&#8221; for each site, and then an arbitrary number of options for each step, each with an image. The design will automatically flex for any combination, and accommodate option images of wildly varying shapes and sizes. Butler has the ability to let a step accept only one selected option, or multiple options.</p>
<p>I also developed a custom Wordpress plugin to display a dynamic jQuery slideshow of examples for each site.</p>
<p>I delivered all of this to Butler in less than one month.</p>
<p>Try my wizard out on a live site <a href="http://butlerbags.net/" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://iamskwerl.com/work/dev/2010/01/butler-sourcing-wizard/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Pinky Website</title>
		<link>http://iamskwerl.com/work/dev/2009/08/pinky-website/</link>
		<comments>http://iamskwerl.com/work/dev/2009/08/pinky-website/#comments</comments>
		<pubDate>Sat, 15 Aug 2009 18:59:37 +0000</pubDate>
		<dc:creator>Skwerl</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://iamskwerl.com/?p=820</guid>
		<description><![CDATA[<strong>Client: Ground Zero / Pinky Vodka</strong>
<strong>Role:</strong> Developer
<strong>When:</strong> 2009

<a rel="attachment wp-att-821" href="http://iamskwerl.com/?attachment_id=821"><img class="alignnone size-medium wp-image-821" title="pinky-vodka" src="http://iamskwerl.com/wp-content/uploads/2009/08/pinky-vodka-468x263.jpg" alt="pinky-vodka" width="468" height="263" /></a>

I was a bit of a swiss army knife on this project. I built the initial HTML/CSS shell (please <a href="http://iamskwerl.com/misc/groundzero/pinky/shell01/" target="_blank">view my work here</a>; the live version has been hacked apart a bit since, but I'm proud of the code I delivered). I also did some extensive AJAX work on the <a href="http://www.pinkyvodka.com/category/drink-recipes/" target="_blank">Drink Recipes</a> page, and I built the hybrid HTML/video jQuery feature panel, which was a strangely complex custom order; The client wanted it to open with a Flash video, play through that video only once, and then seamlessly begin sliding through a series of panels assembled dynamically from the contents of flagged WordPress posts.]]></description>
			<content:encoded><![CDATA[<p><strong>Client: Ground Zero / Pinky Vodka</strong><br />
<strong>Role:</strong> Developer<br />
<strong>When:</strong> 2009</p>
<p><a rel="attachment wp-att-821" href="http://iamskwerl.com/work/dev/2009/08/pinky-website/attachment/pinky-vodka/"><img class="alignnone size-medium wp-image-821" title="pinky-vodka" src="http://iamskwerl.com/wp-content/uploads/2009/08/pinky-vodka-468x263.jpg" alt="pinky-vodka" width="468" height="263" /></a></p>
<p>I was a bit of a swiss army knife on this project. I built the initial HTML/CSS shell (please <a href="http://iamskwerl.com/misc/groundzero/pinky/shell01/" target="_blank">view my work here</a>; the live version has been hacked apart a bit since, but I&#8217;m proud of the code I delivered). I also did some extensive AJAX work on the <a href="http://www.pinkyvodka.com/category/drink-recipes/" target="_blank">Drink Recipes</a> page, and I built the hybrid HTML/video jQuery feature panel, which was a strangely complex custom order; The client wanted it to open with a Flash video, play through that video only once, and then seamlessly begin sliding through a series of panels assembled dynamically from the contents of flagged WordPress posts.</p>
]]></content:encoded>
			<wfw:commentRss>http://iamskwerl.com/work/dev/2009/08/pinky-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Pandora Media Kit</title>
		<link>http://iamskwerl.com/work/dev/2009/08/pandora-media-kit/</link>
		<comments>http://iamskwerl.com/work/dev/2009/08/pandora-media-kit/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 19:53:00 +0000</pubDate>
		<dc:creator>Skwerl</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Final Cut Pro]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://iamskwerl.com/?p=788</guid>
		<description><![CDATA[<strong>Client: Pandora</strong>
<strong>Role:</strong> Developer, Video Tech
<strong>When:</strong> 2009

<a href="http://iamskwerl.com/work/dev/2009/08/pandora-media-kit/attachment/pandora-thing/" rel="attachment wp-att-797"><img src="http://iamskwerl.com/wp-content/uploads/2009/08/pandora-thing-468x351.jpg" alt="pandora-thing" title="pandora-thing" width="468" height="351" class="alignnone size-medium wp-image-797" /></a>

<a href="http://pandora.com/static/ads/media-kit/advertising.html" target="_blank">View it live on Pandora</a>]]></description>
			<content:encoded><![CDATA[<p><strong>Client: Pandora</strong><br />
<strong>Role:</strong> Developer, Video Tech<br />
<strong>When:</strong> 2009</p>
<p><a href="http://iamskwerl.com/work/dev/2009/08/pandora-media-kit/attachment/pandora-thing/" rel="attachment wp-att-797"><img src="http://iamskwerl.com/wp-content/uploads/2009/08/pandora-thing-468x351.jpg" alt="pandora-thing" title="pandora-thing" width="468" height="351" class="alignnone size-medium wp-image-797" /></a></p>
<p><a href="http://pandora.com/static/ads/media-kit/advertising.html" target="_blank">View it live on Pandora</a></p>
]]></content:encoded>
			<wfw:commentRss>http://iamskwerl.com/work/dev/2009/08/pandora-media-kit/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
