<?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>What&#039;s the Point? &#187; Webmastering</title>
	<atom:link href="http://www.ailema.com/category/webmastering/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ailema.com</link>
	<description>If you don&#039;t know, I&#039;m not telling.</description>
	<lastBuildDate>Wed, 01 Feb 2012 23:53:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Soapbox</title>
		<link>http://www.ailema.com/2011/12/02/soapbox/</link>
		<comments>http://www.ailema.com/2011/12/02/soapbox/#comments</comments>
		<pubDate>Fri, 02 Dec 2011 16:05:47 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=577</guid>
		<description><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2011/12/soapbox.jpg" alt="" title="soapbox" width="249" height="374" class="alignright size-full wp-image-578" />Having a soapbox that pertains to your craft can serve as a differentiator among your piers and competition. Some people build entire companies around passionate talking points.</p>
<p>There are, of course, many reasons to adopt a topic that you&#8217;re passionate &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2011/12/soapbox.jpg" alt="" title="soapbox" width="249" height="374" class="alignright size-full wp-image-578" />Having a soapbox that pertains to your craft can serve as a differentiator among your piers and competition. Some people build entire companies around passionate talking points.</p>
<p>There are, of course, many reasons to adopt a topic that you&#8217;re passionate about, and champion it whenever you have the opportunity.</p>
<p>The danger comes when you get on your soapbox and it&#8217;s clear to everyone around you that you don&#8217;t practice what you preach. It&#8217;s a lot like standing up on a soapbox with your pants down.</p>
<p>Just sayin.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2011/12/02/soapbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Worry is NOT the Aim</title>
		<link>http://www.ailema.com/2011/11/30/worry-is-not-the-aim/</link>
		<comments>http://www.ailema.com/2011/11/30/worry-is-not-the-aim/#comments</comments>
		<pubDate>Thu, 01 Dec 2011 01:37:55 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Webmastering]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=568</guid>
		<description><![CDATA[<p><strong>Worry is not an attribute to aspire to or admire.</strong></p>
<p>Maybe that seems obvious, but here is why I&#8217;m voicing my option on the matter: A few short days ago I was conversing with a fellow designer who relayed a &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Worry is not an attribute to aspire to or admire.</strong></p>
<div id="attachment_572" class="wp-caption alignright" style="width: 260px"><img src="http://www.ailema.com/wp-content/uploads/2011/11/prof1.jpg" alt="" title="prof" width="250" height="431" class="size-full wp-image-572" /><p class="wp-caption-text">I worry, therefore, I&#039;m better than you!</p></div>
<p>Maybe that seems obvious, but here is why I&#8217;m voicing my option on the matter: A few short days ago I was conversing with a fellow designer who relayed a conversation he was apart of in which a developer suggested that designers can&#8217;t/wont be good project leads because they aren&#8217;t the <em>worrying type</em>.</p>
<p>Confused, I asked him to clarify what the developer meant by that statement. He proceeded to explain to me that this developer holds the opinion that designers are too <em>carefree</em> to be trusted with worrying about the level of detail a project lead is responsible to care for.</p>
<p>As a responsible, professional designer, I&#8217;m completely offended by that statement (on many levels).</p>
<p>First of all, that kind of blanket statement is generally made by the arrogant and naive &#8211; <em>a disgusting combination.</em></p>
<p>Second, since when is worry a quality to be sought after? <strong>Worry is absolutely unproductive!</strong> Worry is a negative trait that should be avoided by mature, responsible people. (Which is not to say that mature, responsible people should not have concern for things, on the contrary.)</p>
<p>It&#8217;s up to the <strong>individual</strong> developer and designer to nurture the necessary skills to be a project lead <em>- both of which have predisposed strengths and weaknesses &#8211; both of which have proven to be excellent project leads.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2011/11/30/worry-is-not-the-aim/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GR WebDev &#8211; Taming Application UX</title>
		<link>http://www.ailema.com/2011/10/10/gr-webdev-taming-application-ux/</link>
		<comments>http://www.ailema.com/2011/10/10/gr-webdev-taming-application-ux/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 00:48:11 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[UX]]></category>
		<category><![CDATA[Webmastering]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=548</guid>
		<description><![CDATA[<p>
</p><p>Kedron Rhodes: Taming Application UX with a UX Library from Mutually Human Software on Vimeo.</p>
<p>&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/29926427?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
<p><a href="http://vimeo.com/29926427">Kedron Rhodes: Taming Application UX with a UX Library</a> from <a href="http://vimeo.com/user5963423">Mutually Human Software</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><iframe src="https://docs.google.com/present/embed?id=dhrqfpp5_77c3fp7pcb" frameborder="0" width="410" height="342"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2011/10/10/gr-webdev-taming-application-ux/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GRWebDev Talk: Taming Application UX with a UX Library</title>
		<link>http://www.ailema.com/2011/09/26/grwebdev-talk-taming-application-ux-with-a-ux-library/</link>
		<comments>http://www.ailema.com/2011/09/26/grwebdev-talk-taming-application-ux-with-a-ux-library/#comments</comments>
		<pubDate>Tue, 27 Sep 2011 01:27:05 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webmastering]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=545</guid>
		<description><![CDATA[<p>&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><iframe src="https://docs.google.com/present/embed?id=dhrqfpp5_77c3fp7pcb&#038;size=m" frameborder="0" width="555" height="451"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2011/09/26/grwebdev-talk-taming-application-ux-with-a-ux-library/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple Grid</title>
		<link>http://www.ailema.com/2011/07/01/simple-grid/</link>
		<comments>http://www.ailema.com/2011/07/01/simple-grid/#comments</comments>
		<pubDate>Fri, 01 Jul 2011 16:55:48 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Webmastering]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=537</guid>
		<description><![CDATA[<p>
  Simple Grid is a jQuery plugin intended to be a no-fuss way to &#8220;replicate&#8221; your Photoshop grid on top of your development site.
</p>
<p>Download @ GitHub</p>
<p>
  <strong>Set these 3 variables to get started:</strong>
</p>
<ol>
<li><strong>rowHeight</strong><br />
    <span class="quiet">This is your line-height (most of </span></li>&#8230;</ol>]]></description>
			<content:encoded><![CDATA[<p>
  Simple Grid is a <a href="http://jquery.com/" title="jQuery: The Write Less, Do More, JavaScript Library">jQuery</a> plugin intended to be a no-fuss way to &#8220;replicate&#8221; your Photoshop grid on top of your development site.
</p>
<p><a href="https://github.com/kedrhodes/Simple-Grid">Download @ GitHub</a></p>
<p>
  <strong>Set these 3 variables to get started:</strong>
</p>
<ol>
<li><strong>rowHeight</strong><br />
    <span class="quiet">This is your line-height (most of the time)</span>
  </li>
<li><strong>columnWidth</strong><br />
    <span class="quiet">This is your column width &#8211; it&#8217;s BEST to use a number that divides the gridWidth evenly!!</span>
  </li>
<li><strong>gridWidth</strong><br />
    <span class="quiet">This is the width of the area being gridded</span>
  </li>
</ol>
<h3>Example</h3>
<pre>
$.simpleGrid({
rowHeight: 20,
columnWidth: 30,
gridWidth: 960
});</pre>
<h2>What You Get</h2>
<p>
  Once you&#8217;ve added the tiny bit of JavaScript to your page, you will get a <span class="pink">pink dot</span> in the upper left corner.
</p>
<p>
  Clicking the <span class="pink">pink dot</span> will toggle the grid on and off.
</p>
<h2>
  <a href="http://www.ailema.com/simple-grid/example.html" title="Simple Grid">DEMO &#8211; Try it!</a><br />
</h2>
<h2>Credits</h2>
<p>A <strong>GIANT thank you</strong> goes to <a href="http://www.atomicobject.com/pages/Patrick+Bacon" title="Patrick Bacon | atomicobject.com">Patrick Bacon<br />
</a> for his coaching and coding input.</p>
<p><a href="http://www.atomicobject.com/pages/Dustin+Tinney" title="Dustin Tinney | atomicobject.com">Dustin Tinney</a> has been a solid source of inspiration and ideas along the way as well! <strong>Major thanks!</strong></p>
<p><a href="https://github.com/kedrhodes/Simple-Grid">Download @ GitHub</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2011/07/01/simple-grid/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Can your app do that?</title>
		<link>http://www.ailema.com/2010/11/08/can-your-app-do-that/</link>
		<comments>http://www.ailema.com/2010/11/08/can-your-app-do-that/#comments</comments>
		<pubDate>Mon, 08 Nov 2010 20:47:06 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Innovation]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[webmaster]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=357</guid>
		<description><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2010/11/app_do_this.jpg" alt="" title="app_do_this" width="520" height="200" class="alignnone size-full wp-image-358" /></p>
<p>Does your app run on my LG Banter? No? Why not?</p>
<p>Gmail does.</p>
<p>Gmail, one of the most advanced internet applications available runs on my horrible little phone. Sure, it doesn&#8217;t have all of the features as the iPhone version &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2010/11/app_do_this.jpg" alt="" title="app_do_this" width="520" height="200" class="alignnone size-full wp-image-358" /></p>
<p>Does your app run on my <a href="http://www.lgmobilephones.com/phone.aspx?id=11594" title="LG Mobile Phones: AX265 Banter">LG Banter</a>? No? Why not?</p>
<p><a href="http://www.google.com/mobile/mail/#utm_source=gmailhpp" title="Gmail for mobile">Gmail does.</a></p>
<p>Gmail, one of the most advanced internet applications available runs on my horrible little phone. Sure, it doesn&#8217;t have all of the features as the iPhone version or desktop version, but it still works. </p>
<p>I had just left a <a href="http://www.gslsolutions.com/" title="GSL Solutions">fabulous tech job</a> in Tampa, FL and transplanted myself to the middle of nowhere <a href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=nashville,+mi&amp;sll=37.0625,-95.677068&amp;sspn=58.598104,81.826172&amp;ie=UTF8&amp;hq=&amp;hnear=Nashville,+Barry,+Michigan&amp;ll=42.60241,-85.09306&amp;spn=0.027861,0.039954&amp;z=15&amp;iwloc=A" title="Google Maps">Nashville, Michigan</a>. AT&#038;T took one look at my new address, and without hesitation let me out of my iPhone contract. For over a year, I used the limited, scaled back, barebones Gmail app that I could access through my phone&#8217;s barely functional browser. I didn&#8217;t use one app on my now sleeping iPhone that required a network connection.</p>
<p>Gmail is a great example of building a solution that works across hardware and software stacks. It delivers features based on the limitation of the delivery mechanism &#8211; and it lives in the cloud &#8211; not in an app.</p>
<p>Don&#8217;t get me wrong, apps have their place, and they have a LOT to offer. Apps are also narrow and limiting solutions. They have their own set of design constraints.</p>
<p>Instead of designing something to fill space, lets design something that fits the needs of the consumer. Consumers aren&#8217;t looking for space to be filled, they looking for solutions.</p>
<p>I&#8217;d love to hear your arguments for building an iPhone or Android app as apposed to building a Web app. I&#8217;m convinced they both have their place, but what do you think?</p>
<p><strong>Fun reading:</strong><br />
<a href="http://www.lukew.com/ff/entry.asp?933" title="LukeW | Mobile First">Mobile First &#8211; Luke Wroblewski</a><br />
<a href="http://www.wired.com/magazine/2010/08/ff_webrip/all/1" title="The Web Is Dead. Long Live the Internet | Magazine">The Web Is Dead. Long Live the Internet &#8211; Wired</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2010/11/08/can-your-app-do-that/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The Future of the Book?</title>
		<link>http://www.ailema.com/2010/10/20/the-future-of-the-book/</link>
		<comments>http://www.ailema.com/2010/10/20/the-future-of-the-book/#comments</comments>
		<pubDate>Wed, 20 Oct 2010 18:41:20 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Innovation]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[publishing]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=348</guid>
		<description><![CDATA[<p>IDEO has a knack for finding some of the most creative and inspiring thinkers in the world. They have a list of awards and recognitions to prove it. So when they pitch their idea of &#8220;The Future of the Book&#8220;, &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>IDEO has a knack for finding some of the most creative and inspiring thinkers in the world. They have a list of awards and recognitions to prove it. So when they pitch their idea of &#8220;<a href="http://designthinking.ideo.com/?p=496" title="The future of the book &raquo; Design Thinking">The Future of the Book</a>&#8220;, people tend to take notice. Here&#8217;s the pitch:</p>
<p><iframe src="http://player.vimeo.com/video/15142335" width="519" height="292" frameborder="0"></iframe>
<p><a href="http://vimeo.com/15142335">The Future of the Book.</a> from <a href="http://vimeo.com/ideo">IDEO</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Slick huh?</p>
<h2>I&#8217;ve seen this before</h2>
<p>But wait. This looks a lot like this thing that popped up in the late 70s and early 80s. I think they called it the Internet back then.</p>
<p>Is this really the future of the book, or is this just another delivery device for the Internet?</p>
<p>The IDEO approach represents the general consensus in the publishing industry, as to where the <em>book</em> is headed.</p>
<p>An approach that I personally disagree with.</p>
<p>I think this is where <em>media</em>, in general, is headed. I think that content formats will continue to collide as well as become more interactive.</p>
<p>As publishers race to figure out ways to add value to their products, they continue to look down the technology path &#8211; and without fail, it looks a lot like the World Wide Web.</p>
<h2>Words have meaning</h2>
<p>Don&#8217;t get me wrong; I think there is value in pursuing ways to wire up what used to be a traditional book. I say traditional, because I think we&#8217;re in the process of coming up with a new vocabulary &#8211; or maybe the publishing industry just needs to catch up to the vocabulary the Web has been using for more than a decade?</p>
<p>I think the utility of the content may lend itself to taking on a different form (like the WWW or App), but I also think that we&#8217;ll come up with a different name for that type of content. Maybe we&#8217;ll call it an App, or a Site, or something altogether different. Book, however, has to much cultural significance to be used as the catch-all term for something we read.</p>
<p>In the print world we have journals, magazines, textbooks, reference books, trade books, etc. We have those terms and definitions because &#8220;book&#8221; isn&#8217;t sufficient. Just like book and ebook isn&#8217;t sufficient to talk about digital versions of things we read, watch and listen to. We&#8217;ve got to come up with something better.</p>
<p>The publishing industry needs to realize that new technologies (like the WWW and physical devices like the iPad) have paved the way for new types of content &#8211; <em>not</em> new types of books. Parchment paper wasn&#8217;t a new version of the stone tablet &#8211; it was something all together different.  </p>
<p>Books weren&#8217;t the beginning, and they surely are not the &#8220;end all&#8221; of ways to read.</p>
<p>I think the time has come when innovative thinkers and problem solvers need to abandon the notion they can &#8220;save&#8221; the book, and champion this new space in which content collides; the World Wide Web.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2010/10/20/the-future-of-the-book/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beautiful doesn&#8217;t mean usable</title>
		<link>http://www.ailema.com/2010/10/06/beautiful-doesnt-mean-usable/</link>
		<comments>http://www.ailema.com/2010/10/06/beautiful-doesnt-mean-usable/#comments</comments>
		<pubDate>Thu, 07 Oct 2010 02:03:15 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webmastering]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=332</guid>
		<description><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2010/10/beauty-usable.gif" alt="" title="beauty-usable" width="520" height="200" class="alignnone size-full wp-image-337" /></p>
<p>I&#8217;ve enjoyed the attention that beauty has received in the interface design community over the past few years. There has been a push to raise the level of elegance, which makes for a much more enjoyable user experience.</p>
<p><strong>One note </strong>&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2010/10/beauty-usable.gif" alt="" title="beauty-usable" width="520" height="200" class="alignnone size-full wp-image-337" /></p>
<p>I&#8217;ve enjoyed the attention that beauty has received in the interface design community over the past few years. There has been a push to raise the level of elegance, which makes for a much more enjoyable user experience.</p>
<p><strong>One note of caution though: Beautiful doesn&#8217;t mean usable.</strong></p>
<p>In the pursuit of making things beautiful, some interface designers sacrifice usability for ascetics. At first glance, the interface looks smooth, slick and inviting &#8211; and before we know it, the user has moved onto something different because they can&#8217;t figure out where to go or what to choose.</p>
<p>The tension between utility and esthetics is healthy. As visual communicators and interface/interaction designers, it&#8217;s important to keep that tension alive and in focus &#8211; our users will reward us for it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2010/10/06/beautiful-doesnt-mean-usable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Political Campaign: Then &amp; Now</title>
		<link>http://www.ailema.com/2010/10/05/political-campaign-then-now/</link>
		<comments>http://www.ailema.com/2010/10/05/political-campaign-then-now/#comments</comments>
		<pubDate>Tue, 05 Oct 2010 21:11:41 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[political]]></category>
		<category><![CDATA[social-media]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=328</guid>
		<description><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2010/10/then-now.jpg" alt="" title="then-now" width="520" height="200" class="alignnone size-full wp-image-329" /></p>
<p>With the November elections just weeks away, I thought it would be fun to revisit a project and compare it with how the Web is influencing the election cycle now.</p>
<p>In the last presidential election cycle (2007 &#8211; 2008) I &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2010/10/then-now.jpg" alt="" title="then-now" width="520" height="200" class="alignnone size-full wp-image-329" /></p>
<p>With the November elections just weeks away, I thought it would be fun to revisit a project and compare it with how the Web is influencing the election cycle now.</p>
<p>In the last presidential election cycle (2007 &#8211; 2008) I worked for a <a href="http://www.gslsolutions.com/" title="GSL Solutions">successful internet company</a> who delivered the Web solutions for <a href="http://en.wikipedia.org/wiki/Mike_Huckabee" title="Mike Huckabee - Wikipedia, the free encyclopedia">Governor Huckabee&#8217;s</a> campaign. I handled the user experience and interface design work for the site while working with some top notch developers that delivered the site functionality.</p>
<p>One of the major talking points at the time was how social media was shaping the way political candidates ran their campaign. This was the first major election cycle that we even considered the term &#8220;social media&#8221; as a measurable factor. This time around, social media is ubiquitous.</p>
<h3>What&#8217;s different</h3>
<p><strong>Specific calls to action</strong><br />
In 07/08 the primary goal was to post a link to YouTube, Facebook &amp; MySpace, with the intention of offering content specific to those channels.</p>
<p>2010, the primary goal is to get your site visitor to like, thumbs-up or fan your content, thus leveraging the visitor&#8217;s circle of influence in the social space.</p>
<p><strong>Less options</strong><br />
In 07/08 the social media landscaped looked a lot like the Wild West (maybe it still does?). This lead tech experts to offer a plethora of ways a visitor could &#8220;share&#8221; the content with their preferred social network. </p>
<p>2010, site developers have honed in on offering ways to share (fan, retweet, etc.) on Facebook and Twitter, and put less focus on the shotgun sharing approach.</p>
<h3>Surprises</h3>
<p>One major surprise, to me personally, is the widening gap between executing technology and executing a well defined content strategy.</p>
<p>In 07/08 there were less channels to publish content through, which allowed weak content strategies a bit of grace &#8211; it was less noticeable.</p>
<p>Here in 2010, the lack of a solid content strategy is compounded by the weight and diversity of the publishing channels. It&#8217;s much easier to execute the technology than it is to execute a well thought out and insightful content/messaging strategy. As a result, I see a widening gap between the tech solutions and the content solutions. </p>
<p>It will be interesting to see if the content and tech gap decreases in the 2012 elections. One can hope!</p>
<p>For Fun</p>
<ul>
<li><a href="http://techpresident.com/scrape_plot/compete/2008" title="Compete Weekly Traffic | techPresident">TechPresident &#8211; Compete Weekly Traffic</a></li>
<li><a href="http://www.flickr.com/photos/kedrhodes/sets/72157603361948890/" title="CNN/YouTube Debate 07 - a set on Flickr">Flickr &#8211; CNN/YouTube Debate</a></li>
<li><a href="http://www.behance.net/gallery/Mike-Huckabee-for-President/626424" title="Mike Huckabee for President on the Behance Network">Behance Portfolio &#8211; Mike Huckabee for President</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2010/10/05/political-campaign-then-now/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>When easy isn&#8217;t better</title>
		<link>http://www.ailema.com/2010/10/03/when-easy-isnt-better/</link>
		<comments>http://www.ailema.com/2010/10/03/when-easy-isnt-better/#comments</comments>
		<pubDate>Mon, 04 Oct 2010 01:43:40 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[UID]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=320</guid>
		<description><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2010/10/ab.png" alt="" title="ab" width="520" height="200" class="alignnone size-full wp-image-321" /></p>
<p>The focus on making things easier in User Interface Design (UID) is acute and sometimes blinding. Acute in the fact that it&#8217;s our job to take an application and make it easy to use, and blinding in that we sometimes &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2010/10/ab.png" alt="" title="ab" width="520" height="200" class="alignnone size-full wp-image-321" /></p>
<p>The focus on making things easier in User Interface Design (UID) is acute and sometimes blinding. Acute in the fact that it&#8217;s our job to take an application and make it easy to use, and blinding in that we sometimes make it too easy for users to overlook a necessary function of the project.</p>
<p>A critical element in UID is controlling the pace and flow of the interface. In some cases that means lining things up for the user to get from point A to point B on the easiest path. In other cases it means slowing the user down, so they are forced to engage with the interface in a manner that requires a bit more thought.</p>
<p><strong>When to complicate it a bit:</strong></p>
<ul>
<li> When you&#8217;re changing a predicted path and you need the user to take notice.</li>
<li> When you&#8217;re asking for something with a specific format.</li>
<li> When you&#8217;re requesting the user to adjust their trajectory.</li>
</ul>
<p>Most of the time easy is ideal, but good UID is mindful of the pace and what should affect it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2010/10/03/when-easy-isnt-better/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Microformats Book Specification</title>
		<link>http://www.ailema.com/2010/08/09/microformats-book-specification/</link>
		<comments>http://www.ailema.com/2010/08/09/microformats-book-specification/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 19:50:44 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[UX]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[rich snippets]]></category>
		<category><![CDATA[semantic]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=279</guid>
		<description><![CDATA[<p>Rich Snippets are nothing new, but there still seems room for some semantic energy to be thrown towards books. I&#8217;ve been working on a schema that will accommodate books within Microformats hProduct. I&#8217;ve based the majority of this work directly &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=99170">Rich Snippets</a> are nothing new, but there still seems room for some semantic energy to be thrown towards books. I&#8217;ve been working on a schema that will accommodate books within Microformats <a href="http://microformats.org/wiki/hproduct" title="hProduct &middot; Microformats Wiki">hProduct</a>. I&#8217;ve based the majority of this work directly off of the <a href="http://www.bisg.org/" title="Book Industry Study Group">Book Industry Study Group&#8217;s</a> <a href="http://www.bisg.org/what-we-do-21-8-product-metadata-best-practices.php" title="Standards &#038; Best Practices | Product Metadata | Product Metadata Best Practices | Book Industry Study Group, Inc.">best practice document for sending metadata</a>.</p>
<p><strong>Microformats Book Specification</strong></p>
<p>The book specification is an extension of the hProduct draft schema for Microformats. It should should be subject to, and likewise inherit, the guiding specifications for hProduct schema as it continues to solidify.</p>
<p><strong>Table of Contents</strong></p>
<ul>
<li><a href="#isbn">ISBN-10/ISBN-13/EAN.UCC-13</a></li>
<li><a href="#title">Title</a></li>
<li><a href="#subtitle">Subtitle</a></li>
<li><a href="#contributor">Contributor name(s) and role(s)</a></li>
<li><a href="#publisher">Publisher/Imprint/Brand Name</a></li>
<li><a href="#price">Price</a></li>
<li><a href="#form">Product Form (Format/Binding/Packaging)</a></li>
<li><a href="#pubdate">Publication Date</a></li>
<li><a href="#subject">BISAC Subject</a></li>
<li><a href="#lang">Language</a></li>
<li><a href="#series">Series Name and Number Within Series</a></li>
<li><a href="#editionnumber">Edition Number</a></li>
<li><a href="#editiontype">Edition Type and Edition Description</a></li>
<li><a href="#audience">ONIX Audience Code</a></li>
<li><a href="#age">Age Range of Target</a></li>
<li><a href="#rights">Territorial rights</a></li>
<li><a href="#weight">Weight and Dimensions</a></li>
<li><a href="#page">Page Count, Running Time, Extent</a></li>
<li><a href="#description">Textual Description</a></li>
<li><a href="#summary">Summary or Synopsis</a></li>
<li><a href="#cover">Cover Thumbnail</a></li>
<li><a href="#example"><strong>Working Example</strong></a></li>
</ul>
<div class="spec">
<a name="isbn"></a></p>
<h2>ISBN-10/ISBN-13/EAN.UCC-13</h2>
<p>The International Standard Book Number (ISBN) is defined as:</p>
<blockquote><p>A unique international identification number for each format or edition of a monographic publication published or produced by a specific publisher or producer.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;ISBN-13: &lt;span class=&quot;isbn isbn-10&quot;&gt;1585425885&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;ISBN-13: &lt;span class=&quot;isbn isbn-13&quot;&gt;978-1585425884&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="title"></a></p>
<h2>Title</h2>
<p>The title is defined as the following:</p>
<blockquote><p>The complete name of a published product, including the subtitle, as it appears on the title page.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Title: &lt;span class=&quot;title&quot;&gt;The Power of Kindness: The Unexpected Benefits of Leading a Compassionate Life&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="subtitle"></a></p>
<h2>Subtitle</h2>
<p>The subtitle is defined as:</p>
<blockquote><p>A secondary or explanatory title that follows the main title.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Title: &lt;span class=&quot;title&quot;&gt;The Power of Kindness: &lt;span class=&quot;subtitle&quot;&gt;The Unexpected Benefits of Leading a Compassionate Life&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="contributor"></a></p>
<h2>Contributor name(s) and role(s)</h2>
<p>A contributor is defined as the following:</p>
<blockquote><p>A person or corporate body responsible for the creation of the intellectual or artistic content<br />
of a product.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Author: &lt;a class=&quot;vcard contributor author url&quot;&gt;&lt;span class=&quot;fn&quot;&gt;Piero&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Ferrucci&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="publisher"></a></p>
<h2>Publisher/Imprint/Brand Name</h2>
<p>A publisher is defined as the following:</p>
<blockquote><p>The entity that owns the legal right to make the given product available in this form.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Publisher: &lt;span class=&quot;vcard publisher&quot;&gt;&lt;span class=&quot;fn org&quot;&gt;Tarcher&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="price"></a></p>
<h2>Price</h2>
<p>Price is defined as:</p>
<blockquote><p>The amount of money set as consideration for sale of the product in question.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Price: &lt;span class=&quot;price msrp&quot;&gt;$13.95&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="form"></a></p>
<h2>Product Form (Format/Binding/Packaging)</h2>
<p>Product form is defined as:</p>
<blockquote><p>A code list value describing the physical or digital qualities that distinguish a given product manifestation from other product manifestations of the same intellectual work.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;[&lt;span class=&quot;product-form&quot;&gt;Paperback&lt;/span&gt;]&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="pubdate"></a></p>
<h2>Publication Date</h2>
<p>Publication date is defined as:</p>
<blockquote><p>The date on which a retail consumer may purchase and take possession of a given product.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Publication Date: &lt;span class=&quot;pub-date&quot;&gt;October 4, 2007&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="subject"></a></p>
<h2>BISAC Subject</h2>
<p>The BISAC Subject Headings are defined as the following:</p>
<blockquote><p>The BISAC Subject Headings are a list of standard subjects designed for use in the North American book trade.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Subject: &lt;span class=&quot;subject PHI015000&quot;&gt;Philosophy / Mind &amp; Body&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="lang"></a></p>
<h2>Language</h2>
<p>Language(s) of product content are defined as:</p>
<blockquote><p>The language (written or spoken) of a significant portion of the content included in a product.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Language: &lt;span class=&quot;lang eng&quot;&gt;English&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="series"></a></p>
<h2>Series Name and Number Within Series</h2>
<p>Series is defined as:</p>
<blockquote><p>An indefinite number of products, published over an indefinite time period, and grouped together under a series title, primarily for marketing purposes.</p></blockquote>
<p>Series Number is defined as:</p>
<blockquote><p>The number of an individual product in a numbered series.</p></blockquote>
<p>Most series do not number their constituent products, however, for series where the individual products are sequentially numbered this data is important.</p>
<p>The series name should be supplied for every product that is published as a part of a series. The series number should be supplied for every product that is published as a part of a numbered<br />
series.</p>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Series: &lt;span class=&quot;series&quot;&gt;The Way of The Buddhist Series&lt;/span&gt; Book Number &lt;span class=&quot;series-number&quot;&gt;7&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="editionnumber"></a></p>
<h2>Edition Number</h2>
<p>Edition number is defined as:</p>
<blockquote><p>The Arabic number of an Arabic-numbered edition of a product.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Edition Number: &lt;span class=&quot;edition-number&quot;&gt;3&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="editiontype"></a></p>
<h2>Edition Type and Edition Description</h2>
<p>Edition type is defined as:</p>
<blockquote><p>A code that describes a standard type of edition.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Edition Type: &lt;span class=&quot;edition-type lte&quot;&gt;Large Print&lt;/span&gt;&lt;/p&gt;</pre></div></div>

<p>The standard edition types are:</p>
<ul>
<li><strong>ABR</strong> //Abridged//: Content has been shortened: use for abridged, shortened, concise, condensed.</li>
<li><strong>ADP</strong> //Adapted//: Content has been adapted to serve a different purpose or audience, or from one medium to another: use for dramatization, novelization etc.</li>
<li><strong>ANN</strong> //Annotated//: Content is augmented by the addition of notes</li>
<li><strong>BRL</strong> //Braille//: Braille editions should also carry the corresponding Product Form code.</li>
<li><strong>CRI</strong> //Critical//: Content includes critical commentary on the text</li>
<li><strong>CSP</strong> //Coursepack//: Content was compiled for a specified educational course.</li>
<li><strong>ENL</strong> //Enlarged//: Content has been enlarged or expanded from that of a previous edition.</li>
<li><strong>EXP</strong> //Expurgated//: ‘Offensive&#8217; content has been removed</li>
<li><strong>FAC</strong> //Facsimile//: Exact reproduction of the content and format of a previous edition.</li>
<li><strong>ILL</strong> //Illustrated//: Content includes extensive illustrations which are not part of other editions</li>
<li><strong>LTE</strong> //Large type / large print//: Large print editions must be printed in a minimum type size of 14 point in order to be considered large print for the purposes of this standard. Leading organizations that serve the visually-impaired agree that 14-point type is the minimum size that can be described as large print.</li>
<li><strong>MCP</strong> //Microprint//: A printed edition in a type size too small to be read without a magnifying glass.</li>
<li><strong>MDT</strong> //Media tie-in//: An edition published to coincide with the release of a film, TV program, or electronic game based on the same work. </li>
<li><strong>NED</strong> //New edition//: Where no other information is given, or no other coded type is applicable</li>
<li><strong>REV</strong> //Revised//: Content has been revised from that of a previous edition.</li>
<li><strong>SCH</strong> //School edition//: An edition intended specifically for use in schools.</li>
</ul>
</div>
<div class="spec">
<a name="audience"></a></p>
<h2>ONIX Audience Code</h2>
<p>Audience Code is defined as:</p>
<blockquote><p>An ONIX code, derived from BISAC and BIC lists, which identifies the broad audience or readership for whom a product is intended.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Primary Audience: &lt;span class=&quot;audience general&quot;&gt;General&lt;/span&gt;&lt;/p&gt;</pre></div></div>

<p><strong>Examples:</strong></p>
<ul>
<li><strong>General/trade</strong> For a non-specialist adult audience. Equivalent to the BISAC Audience Code TRA.</li>
<li><strong>Children/juvenile</strong> For a juvenile audience, not specifically for any educational purpose. Equivalent to the BISAC Audience Code JUV.</li>
<li><strong>Young adult</strong> For a teenage audience, not specifically for any educational purpose. Equivalent to the BISAC Audience Code YA.</li>
<li><strong>Primary &#038; secondary/elementary &#038; high school</strong> Kindergarten, pre-school, primary/elementary or secondary/high school education. Equivalent to the BISAC Audience Code SCH.</li>
<li><strong>College/higher education</strong> For universities and colleges of further and higher education. Equivalent to the BISAC Audience Code COL.</li>
<li><strong>Professional and scholarly</strong> For an expert adult audience, including academic research. Equivalent to the BISAC Audience Code PSP.</li>
<li><strong>ELT/ESL</strong> Intended for use in teaching English as a second language.</li>
<li><strong>Adult education</strong> For courses providing academic, vocational or recreational courses for adults.</li>
</ul>
</div>
<div class="spec">
<a name="age"></a></p>
<h2>Age Range of Target</h2>
<p>Age(s) of target audience are defined as:</p>
<blockquote><p>The precise age range in years or school grades of the intended audience of products aimed at children and young adults.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Age range: &lt;span class=&quot;age&quot;&gt;18+&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="rights"></a></p>
<h2>Territorial rights</h2>
<p>Territorial Rights are defined as:</p>
<blockquote><p>The publication rights that the publisher chooses to exercise for a given product in the specified geographical territories.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Territorial rights: &lt;span class=&quot;rights world&quot;&gt;Whole World&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="weight"></a></p>
<h2>Weight and Dimensions</h2>
<ul>
<li><strong>Length or height</strong>: measurement of the spine from top to bottom</li>
<li><strong>Width</strong>: measurement perpendicular to the spine</li>
<li><strong>Example:</strong>: measurement across the spine of the book from left to right</li>
</ul>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Size: &lt;span class=&quot;dimensions&quot;&gt;&lt;span class=&quot;width&quot;&gt;6&lt;/span&gt; x &lt;span class=&quot;length&quot;&gt;8&lt;/span&gt; x &lt;span class=&quot;depth&quot;&gt;0.9&lt;/span&gt; in.&lt;/span&gt; &lt;span class=&quot;dimensions&quot;&gt;152 x 203 x 22 mm.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Weight: &lt;span class=&quot;weight us&quot;&gt;1.09 lb&lt;/span&gt; | &lt;span class=&quot;weight metric&quot;&gt;494 gms&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="page"></a></p>
<h2>Page Count, Running Time, Extent</h2>
<p>Page count is defined as:</p>
<blockquote><p>The total sum of all numbered pages in a printed book.</p></blockquote>
<p>Running time is defined as:</p>
<blockquote><p>The total length, in standard units of time, of the recorded content of the product.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p&gt;Page Count: &lt;span class=&quot;page-count&quot;&gt;368&lt;/span&gt;&lt;/div&gt;
&lt;p&gt;Run Time: &lt;span class=&quot;run-time&quot;&gt;01:05:05&lt;/span&gt;&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="description"></a></p>
<h2>Textual Description</h2>
<p>Textual description of the product is defined as:</p>
<blockquote><p>Detailed text describing the product appropriate for public display, such as what would be printed on the flap of a dust jacket or on the back cover of a book or DVD package.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;div class=&quot;description&quot;&gt;	
	&lt;p&gt;Piero Ferrucci warns against the dangers of &quot;global cooling.&quot; As the pace of living grows faster and the impact of new technologies more insistent, communications become hurried and impersonal. The drive for profit overrides the heart. Warmth and genuine presence fade.&lt;/p&gt;
&nbsp;
	&lt;p&gt;The Power of Kindness is a stirring examination of a simple but profound concept. Piero Ferrucci, one of the world's most respected transpersonal psychologists, explores the many surprising facets of kindness and argues that it is this trait that will not only lead to our own individual happiness and the happiness of those around us, but will guide us in a world that has become cold, anxious, difficult, and frightening.&lt;/p&gt;
&nbsp;
	&lt;p&gt;In eighteen interlocking chapters, Dr. Ferrucci reveals that the kindest people are the most likely to thrive, to enable others to thrive, and to slowly but steadily turn our world away from violence, self-centeredness, and narcissism-and toward love. Writing with a rare combination of sensitivity and intellectual depth, Dr. Ferrucci shows that, ultimately, kindness is not a luxury in our world but rather a necessity for us all.&lt;/p&gt;
&lt;/div&gt;</pre></div></div>

</div>
<div class="spec">
<a name="summary"></a></p>
<h2>Summary or synopsis</h2>
<p>Summary is defined as:</p>
<blockquote><p>An abbreviation of the textual description that covers the main points of the work.</p></blockquote>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;p class=&quot;summary&quot;&gt;Citing a global phenomenon of impersonal human relations and materialism, a respected transpersonal psychologist argues that individual happiness can occur only through acts of kindness, in a resource that explores eighteen expressions of kindness while demonstrating how kind people are the most likely to survive and thrive in a hostile world. By the author of What We May Be. Reprint. 50,000 first printing.&lt;/p&gt;</pre></div></div>

</div>
<div class="spec">
<a name="cover"></a></p>
<h2>Cover Thumbnail</h2>
<p>Cover thumbnail is defined as:</p>
<h2>A digital photograph, scan, or cover rendering that adequately represents the product.</h2>
<p><strong>Example:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;img src=&quot;../images/978-1585425884.jpg&quot; alt=&quot;The Power of Kindness: The Unexpected Benefits of Leading a Compassionate Life&quot; class=&quot;cover thumb&quot; /&gt;</pre></div></div>

</div>
<p><a name="example"></a></p>
<h2>Working Example</h2>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;div class=&quot;product hproduct book&quot;&gt;
  &lt;img src=&quot;../images/978-1585425884.jpg&quot; alt=&quot;The Power of Kindness: The Unexpected Benefits of Leading a Compassionate Life&quot; class=&quot;cover thumb&quot; /&gt;
  &lt;p&gt;Title: &lt;span class=&quot;title&quot;&gt;The Power of Kindness: &lt;span class=&quot;subtitle&quot;&gt;The Unexpected Benefits of Leading a Compassionate Life&lt;/span&gt;&lt;/span&gt; [&lt;span class=&quot;product-form&quot;&gt;Paperback&lt;/span&gt;]&lt;/p&gt;
  &lt;p&gt;Author: &lt;a class=&quot;vcard contributor author url&quot;&gt;&lt;span class=&quot;fn&quot;&gt;Piero&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Ferrucci&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;List Price:&lt;span class=&quot;price msrp&quot;&gt;$16.99&lt;/span&gt;&lt;/p&gt;
  &lt;p class=&quot;summary&quot;&gt;Citing a global phenomenon of impersonal human relations and materialism, a respected transpersonal psychologist argues that individual happiness can occur only through acts of kindness, in a resource that explores eighteen expressions of kindness while demonstrating how kind people are the most likely to survive and thrive in a hostile world. By the author of What We May Be. Reprint. 50,000 first printing.&lt;/p&gt;
  &lt;div class=&quot;description&quot;&gt;	
    &lt;p&gt;Piero Ferrucci warns against the dangers of &quot;global cooling.&quot; As the pace of living grows faster and the impact of new technologies more insistent, communications become hurried and impersonal. The drive for profit overrides the heart. Warmth and genuine presence fade.&lt;/p&gt;
    &lt;p&gt;The Power of Kindness is a stirring examination of a simple but profound concept. Piero Ferrucci, one of the world's most respected transpersonal psychologists, explores the many surprising facets of kindness and argues that it is this trait that will not only lead to our own individual happiness and the happiness of those around us, but will guide us in a world that has become cold, anxious, difficult, and frightening.&lt;/p&gt;
    &lt;p&gt;In eighteen interlocking chapters, Dr. Ferrucci reveals that the kindest people are the most likely to thrive, to enable others to thrive, and to slowly but steadily turn our world away from violence, self-centeredness, and narcissism-and toward love. Writing with a rare combination of sensitivity and intellectual depth, Dr. Ferrucci shows that, ultimately, kindness is not a luxury in our world but rather a necessity for us all.&lt;/p&gt;
  &lt;/div&gt;
  &lt;p&gt;Publisher: &lt;span class=&quot;vcard publisher&quot;&gt;&lt;span class=&quot;fn org&quot;&gt;Tarcher&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Price: &lt;span class=&quot;price msrp&quot;&gt;$13.95&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Publication Date: &lt;span class=&quot;pub-date&quot;&gt;October 4, 2007&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Subject: &lt;span class=&quot;subject PHI015000&quot;&gt;Philosophy: Mind and Body&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Language: &lt;span class=&quot;lang eng&quot;&gt;English&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;ISBN-13: &lt;span class=&quot;isbn isbn-10&quot;&gt;1585425885&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;ISBN-13: &lt;span class=&quot;isbn isbn-13&quot;&gt;978-1585425884&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Series: &lt;span class=&quot;series&quot;&gt;The Way of The Buddhist Series&lt;/span&gt; Book Number &lt;span class=&quot;series-number&quot;&gt;7&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Edition Number: &lt;span class=&quot;edition-number&quot;&gt;3&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Edition Type: &lt;span class=&quot;edition-type lte&quot;&gt;Large Print&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Primary Audience: &lt;span class=&quot;audience general&quot;&gt;General&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Age range: &lt;span class=&quot;age&quot;&gt;18+&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Territorial rights: &lt;span class=&quot;rights world&quot;&gt;Whole World&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Size: &lt;span class=&quot;dimensions&quot;&gt;&lt;span class=&quot;width&quot;&gt;6&lt;/span&gt; x &lt;span class=&quot;length&quot;&gt;8&lt;/span&gt; x &lt;span class=&quot;depth&quot;&gt;0.9&lt;/span&gt; in.&lt;/span&gt; &lt;span class=&quot;dimensions&quot;&gt;152 x 203 x 22 mm.&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Weight: &lt;span class=&quot;weight us&quot;&gt;1.09 lb&lt;/span&gt; | &lt;span class=&quot;weight metric&quot;&gt;494 gms&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;Page Count: &lt;span class=&quot;page-count&quot;&gt;304&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;</pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2010/08/09/microformats-book-specification/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Knowing your craft</title>
		<link>http://www.ailema.com/2010/03/17/knowing-your-craft/</link>
		<comments>http://www.ailema.com/2010/03/17/knowing-your-craft/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 12:48:28 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webmastering]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=233</guid>
		<description><![CDATA[<p>I had the wonderful opportunity to attend An Event Apart this past year in San Francisco. I can count on one hand the times I&#8217;ve been to a tech/design conference in the last 13 years I&#8217;ve been sling webs. The &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I had the wonderful opportunity to attend <a href="http://aneventapart.com/" title="An Event Apart: The Design Conference For People Who Make Web Sites">An Event Apart</a> this past year in <a href="http://aneventapart.com/2009/sanfrancisco/" title="An Event Apart San Francisco 2009 &#8211; Speaker Presentations">San Francisco</a>. I can count on one hand the times I&#8217;ve been to a tech/design conference in the last 13 years I&#8217;ve been sling webs. The speakers were great, no surprise there, but one speaker really stands out to me. <a href="http://www.andybudd.com/" title="Andy Budd::Blogography">Andy Budd</a>, who I&#8217;ve admired for years, did a fantastic talk on Seductive Design.</p>
<p>What struck me most about his presentation was his ability to talk about Web design and user experience in a narrative. The narrative involved the relationship a user has with a site, and how the site aught to seduce the user &#8211; which is not the point I&#8217;m trying to make though.</p>
<p>The real beauty, in my opinion, about his story was that he was able to tap into the wealth of knowledge, experience and insight that he&#8217;s gained over the years, and package it in such a non-technical presentation.</p>
<p>That kind of knowledge only comes with a deep understanding of your craft. It surfaces in the subtleties of conversation, in the details of your work, and in the quality you&#8217;re able to deliver.</p>
<p>His talk fueled the desire to continue to own my craft. To know it inside and out.</p>
<h3>Further Reading</h3>
<ul>
<li><a href="http://www.andybudd.com/" title="Andy Budd::Blogography">Andy Budd: Blogography</a></li>
<li><a href="http://clearleft.com/is/andybudd/" title="Andy Budd | Clearleft Ltd | Design Agency of the Year">Andy Budd: Founder at Clearleft</a></li>
<li><a href="http://aneventapart.com" title="An Event Apart: The Design Conference For People Who Make Web Sites">An Event Apart</a></li>
<li><a href="http://aneventapart.com/2009/sanfrancisco/" title="An Event Apart San Francisco 2009 &#8211; Speaker Presentations">An Event Apart: San Francisco 2009</a></li>
</ul>
<p><strong>Update</strong><br />
Andy&#8217;s talk on Seductive Design</p>
<p><object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7730620&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7730620&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>
<p><a href="http://vimeo.com/7730620">Andy Budd &#8211; Seductive Design</a> from <a href="http://vimeo.com/build">Build</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Andy Budd speaking on Seductive Design at Build — http://buildconference.com.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2010/03/17/knowing-your-craft/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iTunes and HTML5</title>
		<link>http://www.ailema.com/2009/12/14/itunes-and-html5/</link>
		<comments>http://www.ailema.com/2009/12/14/itunes-and-html5/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 13:48:31 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Music]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[iTunes]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=203</guid>
		<description><![CDATA[<p>Apple has been hinting at some of the killer things we can do with HTML5 and CSS2/3. Here is a quick example they rolled out within iTunes.</p>
<p></p>
<p>Click here to view the iTunes source.</p>
<p>If you missed the holiday giveaway, &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Apple has been hinting at some of the killer things we can do with HTML5 and CSS2/3. Here is a quick example they rolled out within iTunes.</p>
<p><object width="500" height="405"><param name="movie" value="http://www.youtube.com/v/vqN9TBJgmyY&#038;hl=en_US&#038;fs=1&#038;color1=0x234900&#038;color2=0x4e9e00&#038;border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/vqN9TBJgmyY&#038;hl=en_US&#038;fs=1&#038;color1=0x234900&#038;color2=0x4e9e00&#038;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405"></embed></object></p>
<p><a href="http://grab.by/1886">Click here to view the iTunes source.</a></p>
<p>If you missed the holiday giveaway, <a href="http://itunes.apple.com/us/album/itunes-holiday-sampler/id344104720">then click here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2009/12/14/itunes-and-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Understanding Context at 30,000 Feet</title>
		<link>http://www.ailema.com/2009/11/05/understanding-context/</link>
		<comments>http://www.ailema.com/2009/11/05/understanding-context/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 14:51:28 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[UX]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[star]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=194</guid>
		<description><![CDATA[<p>I&#8217;m consistently amazed at the disregard many of us Web professionals have for context. It&#8217;s an easy trap to fall into. We have an idea, deadline, list of requirements, or technology we need to execute on, so we jump right &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m consistently amazed at the disregard many of us Web professionals have for context. It&#8217;s an easy trap to fall into. We have an idea, deadline, list of requirements, or technology we need to execute on, so we jump right in. One thing we need to be mindful about when we make that jump is context.</p>
<h2>Context was there before the chicken or the egg</h2>
<p>There is an inherent set of influences on context that must be considered, and those are the ones that the user brings to the experience. The user establishes, albeit hard to accurately measure, the initial context in which your site/app/content is interpreted through. They have a unique background, geographical region, life experience, and world view that shapes the way they move about your work.</p>
<p>Understanding, thoroughly, your own message goes a long way in effectively bridging the initial gap that inherently exists, but that&#8217;s not enough. We must also be sensitive to the cultural, social, and individual influence, each user brings to the experience. <sup><a href="#1">1</a></sup></p>
<h2>Context starts before your content is loaded</h2>
<p>One of the major assumptions we tend to make about context is the media device our content is going to be rendered on. Understanding the device aught to drastically influence the way we design the user experience.</p>
<p>Be mindful that the user may not have much of a choice in the technology your content is delivered on. If you&#8217;re building an application that helps farmers regulate or monitor their water use, then you have to consider that many rural areas don&#8217;t have broadband, and may not have internet access apart from their cell phones. If you&#8217;re working with a non-profit that provides resources for those with disabilities, you must consider screen readers, brail machines, and large font displays. On that note, if you&#8217;re working with anyone in the education and government sectors you need to pay attention to <a href="http://www.section508.gov/" title="Section 508: The Road to Accessibility">508 accessibility laws</a>. <sup><a href="#2">2</a></sup</p>
<h2>Context has history</h2>
<p>When we present content it&#8217;s important to understand where the user has been. In some cases, this can have an immediate affect on the types of content we deliver. For example, if someone enters your site via Google, and they land on part 3 of a 3 part series on &#8220;The Political Climate on Social Networks&#8221; it would be extremely beneficial to the user to be made aware of that, as well as direct them to what they&#8217;ve missed.</p>
<p>Understanding their history can also be used to help float useful and meaningful content to the surface of your site as the user moves about. For example, if you know your user has been shopping for children&#8217;s books for the past few clicks, it may be helpful to surface a book to a featured section of the site that just won an award in children&#8217;s literature.</p>
<h2>Context a future</h2>
<p>Understanding where a user is headed is crucial to delivering a meaningful user experience. If you know a user is going to end up in a registration process, or a checkout process, or some sort of &#8220;next step&#8221;, we can affectively guide them in that direction, and inform them along the way. <sup><a href="#3">3</a></sup</p>
<h3>Context matters</h3>
<p>Understanding context helps us close the loop in a users experience. Being mindful of this helps build trust and loyalty, as well as differentiates a quality experience from an average one.</p>
<p><small><a name="1"></a>1. It should go without saying that your message needs to be culturally, socially, and individually relevant based on your target audience. The more specific you can be, the more gracefully you can communicate.</small></p>
<p><small><a name="2"></a>2. I&#8217;ve worked in university and government life for over 10 years, dealing exclusively with the Web, and I&#8217;m convinced we all need to pay attention to 508, whether we&#8217;re mandated by Congress or not. IMHO.</small></p>
<p><small><a name="3"></a>3. I recently bought a pair of boots from the &#8220;world&#8217;s leading provider of apparel and accessories for the country/western lifestyle&#8221; and was annoyed that nowhere in the purchasing process was I made aware of how to take care of these boots. Even after they showed up at my door there was still no care instructions.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2009/11/05/understanding-context/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mobile Web Means More When It&#8217;s Personal</title>
		<link>http://www.ailema.com/2009/10/29/mobile-web-means-more-when-its-personal/</link>
		<comments>http://www.ailema.com/2009/10/29/mobile-web-means-more-when-its-personal/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 17:37:44 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=182</guid>
		<description><![CDATA[<p>It wasn&#8217;t too long ago that I considered my CSS to be efficient enough for mobile devices. After all, a well structured document degrades nicely when the styles are removed. </p>
<p>Then I moved back to my hometown, Nashville. Nashville, Michigan. &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>It wasn&#8217;t too long ago that I considered my CSS to be efficient enough for mobile devices. After all, a well structured document degrades nicely when the styles are removed. </p>
<p>Then I moved back to my hometown, Nashville. <a href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Nashville,+MI&amp;sll=44.314844,-85.602364&amp;sspn=10.03093,23.269043&amp;ie=UTF8&amp;hq=&amp;hnear=Nashville,+Barry,+Michigan&amp;z=15" title="Google Maps">Nashville, Michigan.</a> One thing we don&#8217;t have here in Nashville is broadband. Ok, so they have broadband in town, but not on the outskirts.</p>
<p>Now that I&#8217;m officially back in rural America, and connecting to the Internet with my cell phone, I acutely feel the legitimacy of having a mobile version. </p>
<p>It&#8217;s more than just stripping down the graphics, JavaScript, and CSS. It&#8217;s about delivering a feature set and content that is relevant to a mobile device. </p>
<p><a href="http://www.google.com/mobile/products/mail.html#p=default" title="Gmail on your mobile phone">Gmail is a great example.</a> The full browser version of gmail would never load on my cell phone. The mobile version, however, is perfect for my cell. It utilizes my phone&#8217;s number pad for the keyboard shortcuts. I can quickly delete, archive, and send email. It&#8217;s simple, light and re-factored into an ideal mobile web application. </p>
<p>I&#8217;m currently working on a massive undertaking at work and trying to get my head around the relevant aspects of this project as it pertains to the mobile world. Without the lack of broadband I would have never considered such an undertaking. </p>
<p>Don&#8217;t get me wrong though, connecting to the WWW via my cell phone still sucks. It just sucks less when it&#8217;s designed and built for a mobile device.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2009/10/29/mobile-web-means-more-when-its-personal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free Icons: Map Pins</title>
		<link>http://www.ailema.com/2009/10/26/free-icons-map-pins/</link>
		<comments>http://www.ailema.com/2009/10/26/free-icons-map-pins/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 18:06:08 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[star]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=165</guid>
		<description><![CDATA[<p>I&#8217;ve needed map pins for several projects, and I always get frustrated with my options. So, I created these a while back and thought I would share them with you all. 22 png files &#8211; 11 pins and 11 flags.&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve needed map pins for several projects, and I always get frustrated with my options. So, I created these a while back and thought I would share them with you all. 22 png files &#8211; 11 pins and 11 flags.</p>
<p><a href="/downloads/map_pins.php" title="Free Icons: Map Pins"><img src="http://www.ailema.com/wp-content/uploads/2009/10/map_pins.png" alt="map_pins" title="map_pins" width="468" height="270" class="alignnone size-full wp-image-166" /></a></p>
<p><a href="/downloads/map_pins.php" title="Free Icons: Map Pins">Download and enjoy!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2009/10/26/free-icons-map-pins/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Going Goolgle</title>
		<link>http://www.ailema.com/2009/10/20/going-goolgle/</link>
		<comments>http://www.ailema.com/2009/10/20/going-goolgle/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 19:41:13 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Webmastering]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=147</guid>
		<description><![CDATA[<p>I don&#8217;t think this is what they meant by going Google.</p>
<p>If you know much about me, you probably know I&#8217;m a Google fan. I&#8217;ve been using their apps for a few years now, and they are virtually integrated into &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I don&#8217;t think this is what <a title="Official Google Blog: " href="http://googleblog.blogspot.com/2009/08/going-google-with-google-apps.html">they meant by going Google</a>.</p>
<p>If you know much about me, you probably know I&#8217;m a Google fan. I&#8217;ve been using their apps for a few years now, and they are virtually integrated into my entire day. So why not have a blog that feels like the majority of my online experience? Unlike Gmail, this is still beta though. I&#8217;ll be tweaking things here and there&#8230; maybe even broadening support for IE users. Ugh.</p>
<p>So here are my favorite Google apps:</p>
<ul>
<li><a title="Gmail: Ten ways Gmail makes email easy and efficient. And maybe even fun." href="http://mail.google.com/mail/help/intl/en/about.html">Gmail</a> &#8211; I use it for ALL of my email accounts. One interface to rule them all.</li>
<li><a title="Google Calendar" href="http://www.google.com/intl/en/googlecalendar/about.html">Calendar</a> &#8211; I have several calendars. I share calendars with my wife, integrate them with my contacts, and push them to my iPhone.</li>
<li><a title="Tasks" href="http://mail.google.com/mail/help/tasks/#utm_campaign=en&amp;utm_source=en-ha-na-us-bk&amp;utm_medium=ha&amp;utm_term=google%20tasks">Tasks</a> &#8211; Love the Gmail and Calendar integration.</li>
<li><a title="Google Voice" href="http://www.google.com/googlevoice/about.html">Voice</a> &#8211; I use this a LOT. SMS the easy way, and I love the transcribe feature.</li>
<li><a title="Google Reader - Tour" href="http://www.google.com/intl/en/googlereader/tour.html">Reader</a> &#8211; I burn through roughly 10,000 posts a month, star, share, and email all the time.</li>
<li> Contacts &#8211; had a rough spot with Contacts early on when my iPhone nuked them all&#8230; but they&#8217;ve since been restored and I can&#8217;t imagine living without it! CRM, my size.</li>
<li><a title="Google Talk" href="http://www.google.com/talk/about.html">Talk</a> &#8211; I plug it in with <a title="Adium - Download" href="http://adium.im/">Adium</a>. Beautiful.</li>
<li><a title="Google Maps" href="http://maps.google.com/?hl=en">Maps</a> &#8211; I have several custom maps I use to scout areas for photography and such.</li>
</ul>
<p>Less trafficed Google projects:</p>
<ul>
<li><a href="https://www.blogger.com/start?hl=en">Blogger</a> &#8211; my first blog. Love the service.</li>
<li><a title="Google Docs Tour" href="http://www.google.com/google-d-s/intl/en/tour1.html">Docs</a> &#8211; Because I hate MS Office&#8230; I&#8217;m a designer &#8211; I&#8217;m allowed to hate it. <img src='http://www.ailema.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
<li><a title="Google Alerts" href="http://www.google.com/alerts?hl=en">Alerts</a> &#8211; Catches what Reader doesn&#8217;t.</li>
<li><a title="Google News" href="http://news.google.com/news?ned=en">News</a> &#8211; I dig the service, and really enjoy <a title="Newsmap" href="http://newsmap.jp/">this interface</a> for it.</li>
</ul>
<p>So there you have it. My tribute to the apps I love and live by. Thanks Google.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2009/10/20/going-goolgle/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Twitter Your Flickr</title>
		<link>http://www.ailema.com/2009/08/25/twitter-your-flickr/</link>
		<comments>http://www.ailema.com/2009/08/25/twitter-your-flickr/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 14:28:55 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[star]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=111</guid>
		<description><![CDATA[<p>Short URLs come in handy when tweeting a link. Getting a short URL for a Flickr photo used to be a pain, but a while back they decided to make life a little easier for us Flickr/Twitter users.</p>
<p>Flickr has &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Short URLs come in handy when <a href="http://en.wikipedia.org/wiki/Twitter" title="Twitter - Wikipedia, the free encyclopedia">tweeting</a> a link. Getting a short URL for a <a href="http://www.flickr.com/" title="Welcome to Flickr - Photo Sharing">Flickr</a> photo <a href="http://www.ailema.com/2009/07/01/short-url-your-flickr-for-twitter/" title="Short URL Your Flickr for Twitter">used to be a pain</a>, but a while back they decided to make life a little easier for us <a href="http://www.flickr.com/photos/kedrhodes" title="Flickr: kedrhodes' Photostream">Flickr</a>/<a href="http://twitter.com/kedrhodes" title="Twitter: kedrhodes">Twitter</a> users.</p>
<p>Flickr has had the &#8220;Blog This&#8221; feature for quite some time. It&#8217;s a handy feature that allows you to post to your blog from a photo. They have taken that same thought and applied it to Twitter. <strong>All you need to do is connect your Flickr account to your Twitter account.</strong></p>
<ol>
<li>Log into Flickr and head to your account page.</li>
<li>Click the tab &#8220;Extending Flickr&#8221;</li>
<li>Add or edit &#8220;Your blogs&#8221;</li>
<li>Choose Twitter from the &#8220;Add a blog&#8221; helper</li>
<li>Authenticate your Twitter account &#8211; head over to your Twitter settings on Twitter.com and make sure you approve Flickr in your &#8220;Connections&#8221; tab</li>
</ol>
<p>You are all set to start tweeting your Flickr photos! To do this, just jump over to the photo you want to send out. Above the photo you&#8217;ll see all the things you can do with that particular photo.</p>
<p><img src="http://www.ailema.com/wp-content/uploads/2009/08/flickrblogthis.jpg" alt="flickrblogthis" title="flickrblogthis" width="535" height="517" class="alignnone size-full wp-image-112" /></p>
<p>Click on the &#8220;Blog This&#8221; button and choose your Twitter account. Flickr will then grab the short URL for you and put it in a Twitter post.</p>
<p><img src="http://www.ailema.com/wp-content/uploads/2009/08/flickrtweetthis.jpg" alt="flickrtweetthis" title="flickrtweetthis" width="535" height="476" class="alignnone size-full wp-image-113" /></p>
<p>Nice and easy!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2009/08/25/twitter-your-flickr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Auditory Web Reference</title>
		<link>http://www.ailema.com/2009/07/17/auditory-web-reference/</link>
		<comments>http://www.ailema.com/2009/07/17/auditory-web-reference/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 16:49:35 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Webmastering]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=99</guid>
		<description><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2009/07/catchthat.jpg" alt="catchthat" title="catchthat" width="600" height="200" class="alignright size-full wp-image-97" /></p>
<p>Most of the time your Web content is being referenced visually via an active link or something in print &#8211; but that&#8217;s not always the case. Sometimes we need to communicate a piece of content through spoken word. This transition &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ailema.com/wp-content/uploads/2009/07/catchthat.jpg" alt="catchthat" title="catchthat" width="600" height="200" class="alignright size-full wp-image-97" /></p>
<p>Most of the time your Web content is being referenced visually via an active link or something in print &#8211; but that&#8217;s not always the case. Sometimes we need to communicate a piece of content through spoken word. This transition is considerably harder to make for most users, unless they are in front of the computer when they hear the information you&#8217;re trying to direct them to &#8211; even then it&#8217;s not nearly as foolproof as something they can read or click.</p>
<p>I became acutely aware of how awkward this transition can be several weeks ago when I heard a radio personality point the listeners to a piece of relevant content by saying over the airwaves: &#8220;Visit the site and search for xyz.&#8221; I instantly felt my anxiety level go up! It was content that  was interested in finding, but the idea of being left to a site search left me feeling hopeless. <em>Why would I trust your site search to give me relevant content? How do I know what to search for? Will the search results give me the most up to date article on the subject matter? The list goes on!</em></p>
<p><strong>There are better ways of directing people to your content than sending them to your URL and telling them to search.</strong></p>
<p>The <strong>2 standards</strong> offer much more direction and give the user considerably more hope.</p>
<p>The oldest of the two methods are <strong>giving out your URL and suggesting the user search for a specific keyword</strong>. This eliminates most of the anxiety for the user when it comes to searching your site, for one reason: it&#8217;s assumed that you have done what it takes to make sure that the keyword is associated with the content and will return the content you&#8217;re verbally sending them to. If you haven&#8217;t done that, then you should assume your users are now frustrated.</p>
<p>The second, and what I recommend, is to <strong>give the url to your site followed by a slash then the keyword</strong>. eg. <a href="http://www.ailema.com/localhost">www.ailema.com/localhost</a> This method keeps the user in ONE process &#8211; typing in the location bar. Users don&#8217;t have to figure out where your search is, whether or not the results are going to be accurate, etc.</p>
<p>Yes, I know my preferred method requires some technical attention on the administrator side &#8211; <em>but doesn&#8217;t all affective UI?</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2009/07/17/auditory-web-reference/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Short URL Your Flickr for Twitter</title>
		<link>http://www.ailema.com/2009/07/01/short-url-your-flickr-for-twitter/</link>
		<comments>http://www.ailema.com/2009/07/01/short-url-your-flickr-for-twitter/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 14:27:01 +0000</pubDate>
		<dc:creator>Kedron</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[Webmastering]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.ailema.com/?p=84</guid>
		<description><![CDATA[Need a short URL for your Flickr photo? You're in luck! Flickr has heard your cry and made the interwebs a better place!]]></description>
			<content:encoded><![CDATA[<p class="notice">Wait! Looking to Twitter your Flickr? <a href="http://www.ailema.com/2009/08/25/twitter-your-flickr/" title="Twitter Your Flickr">Click here!</a></p>
<p><img src="http://www.ailema.com/wp-content/uploads/2009/07/flickrshorturl.png" alt="flickr short url" title="flickr short url" width="600" height="165" class="alignright size-full wp-image-95" /></p>
<p>Several weeks ago I noticed tweets with links that used the <a href="http://flic.kr" title="Welcome to Flickr - Photo Sharing">Flic.kr</a> as the URL base. My first thought was that there was a Flickr service at <a href="http://flic.kr" title="Welcome to Flickr - Photo Sharing">Flic.kr</a> that would shorten <a href="http://www.flickr.com/photos/kedrhodes/" title="Flickr: kedrhodes' Photostream">my Flickr url</a> or better yet, allow me to post a photo to both <a href="http://twitter.com/kedrhodes" title="Twitter - Kedron Rhodes (kedrhodes)">Twitter</a> and Flickr at the same time. That&#8217;s not what you find at <a href="http://flic.kr" title="Welcome to Flickr - Photo Sharing">Flic.kr</a> but a few short weeks later <sup><a href="#footnote1">1</a></sup> the problem has been solved.</p>
<p>The <a href="http://blog.flickr.net/en/2009/06/30/twitter-your-flickr/" title="Twitter your Flickr &laquo; Flickr Blog">Twitter to Flickr</a> thing has been worked out. Great. But what about a short URL from a Flickr photo to Twitter? That&#8217;s where flic.kr comes in. Not quite seamless, but accessible enough for those willing to invest in the integrity of the internet (more on that in a minute).</p>
<p><strong>Want a short URL for your Flickr photo without using a 3rd part service? Here is how!</strong></p>
<p>Flickr publishes a short URL for every photo via the
<link> tag. View the source of the page you want to send people to and look for</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;link rev=&quot;canonical&quot; type=&quot;text/html&quot; href=&quot;http://flic.kr/p/6uYrJN&quot; &gt;</pre></div></div>

<p>Grab the value of the href and you&#8217;re good to go!</p>
<p>OK, I can hear the non-technical people hating on the idea of viewing the page source. Like I said, it isn&#8217;t seamless. This is where you can give Flickr a pat on the back for using the
<link> tag though. Go to: <a href="http://revcanonical.appspot.com/" title="rev=canonical: url shortening that doesn't hurt the internet">RevCanonical</a> and paste in the <strong>URL</strong> of the photo you want a short url for and it will look up the link for you!</p>
<p>The whole process is still NOT seamless, but it&#8217;s only a matter of time before Flickr or a 3rd party makes it so. Until then, hardcore Flickr users can take advantage of these methods &#8211; <a href="http://unweary.com/2009/04/the-security-implications-of-url-shortening-services.html" title="The Security Implications of URL Shortening Services - Unweary">while making the internet a safer place</a>!</p>
<h3>Further Reading and Resources</h3>
<ul>
<li><a href="http://revcanonical.appspot.com/" title="rev=canonical: url shortening that doesn't hurt the internet">RevCanonical</a></li>
<li><a href="http://shiflett.org/blog/2009/apr/save-the-internet-with-rev-canonical" title="Chris Shiflett: Save the Internet with rev=&quot;canonical&quot;">Chris Shiflett &#8211; Save the Internet with rev=&#8221;canonical&#8221;</a></li>
<li><a href="http://unweary.com/2009/04/the-security-implications-of-url-shortening-services.html" title="The Security Implications of URL Shortening Services - Unweary">Unweary &#8211; The Security Implications of URL Shortening Services</a></li>
<li><a href="http://joshua.schachter.org/2009/04/on-url-shorteners.html" title="joshua's blog: on url shorteners">Joshua Schachter&#8217;s post on url shorteners</a></li>
<li><a href="http://www.flickr.com/services/api/misc.urls.html#short" title="Flickr Services">Flickr URL shortening information</a></li>
<li><a href="http://blog.flickr.net/en/2009/06/30/twitter-your-flickr/" title="Twitter your Flickr &laquo; Flickr Blog">Twitter your Flickr</a></li>
</ul>
<h6>Footnotes</h6>
<p><a name="footnote1"></a><br />
<sup>1</sup> Flickr has done well to adapt to Twitter shaking things up. <a href="http://twitpic.com/" title="Twitpic - Share photos on Twitter">Twitpic</a> may have the lead, but it lacks the depth and appeal that Flickr does long term &#8211; IMO.</p>
<p>ewy7g8c43i</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ailema.com/2009/07/01/short-url-your-flickr-for-twitter/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

