<?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"
	>

<channel>
	<title> &#187; internet dark ages | TechStartups.com Keyword Feed</title>
	<atom:link href="http://www.techstartups.com/tag/internet-dark-ages/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.techstartups.com/tag/internet-dark-ages/</link>
	<description>This is the keyword feed for  &#187; internet dark ages from TechStartups.com. We're crazy about this topic and want to share our passion for all things related. Visit us at http://www.techstartups.com</description>
	<pubDate>Fri, 03 Sep 2010 05:15:22 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
			<item>
		<title>No Shame In Readability</title>
		<link>http://www.techstartups.com/2009/12/11/no-shame-in-readability/</link>
		<comments>http://www.techstartups.com/2009/12/11/no-shame-in-readability/#comments</comments>
		<pubDate>Sat, 12 Dec 2009 01:29:18 +0000</pubDate>
		<dc:creator>Kristopher Smith</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Headline]]></category>
		<category><![CDATA[Startup Design]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[best font online]]></category>
		<category><![CDATA[best size for fonts]]></category>
		<category><![CDATA[css size fonts]]></category>
		<category><![CDATA[internet dark ages]]></category>
		<category><![CDATA[optimum size for fonts]]></category>
		<category><![CDATA[Readability]]></category>
		<category><![CDATA[Readability Bookmarklet]]></category>
		<category><![CDATA[reading glasses]]></category>
		<category><![CDATA[sans-serifed fonts]]></category>

		<guid isPermaLink="false">http://www.techstartups.com/?p=6178</guid>
                
		<description><![CDATA[<p><em>By Senior Editor – Kris Smith (<a href="http://twitter.com/croncast" target="_blank">@croncast</a>)</em></p>
<p><a href="http://www.techstartups.com/blog/wp-content/uploads/2009/12/read.png"><img class="alignleft size-full wp-image-6179" title="read" src="http://www.techstartups.com/blog/wp-content/uploads/2009/12/read.png" alt="read" width="300" height="200" /></a>Reading glasses are for old folks and big type is for kids that don&#8217;t know how to read. Well, that used to be true.</p>
<p>For those that believe that the web is now looking like itself and no longer doing a mimetic dance with it&#8217;s first cousin, print, you should be down with this: Bigger font sizes, better kerning, wider line height and plenty of <a class="zem_slink" title="Negative space" rel="wikipedia" href="http://en.wikipedia.org/wiki/Negative_space">negative space</a> make for a better user experience. Especially when reading thousands of words online everyday.</p>
<p><strong><span id="more-6178"></span></strong>What got me going down this path was a link that someone shared today through their Google Reader shared feed to an article in <a title="Rolling Stone Matt Taibbi Barack Obama CitiGroup" href="http://www.rollingstone.com/politics/story/31234647/obamas_big_sellout/print" target="_blank">Rolling Stone by Matt Taibbi</a>. The link, as you can see, is a link to a printable version of the piece. I was rate this as great for print and poor for readability.</p>
<p>The post content font size is super for saving printer paper and thus trees, but it is a killer on the eyes. Reading the post at that size even in the the early paragraphs was causing me strain and fatigue. I was tired of reading the dense blocks of text without even forming half and opinion about writing. I was more concerned with the design and the inability to read it quickly because the type was packed so tight &#8211; letters like sardines.</p>
<p>To read this article and make it not about the squished fonts and tiny words I had to throw the <a title="Readability bookmarklet plugin for better font sizes and improved legibility" href="http://lab.arc90.com/experiments/readability/" target="_blank">Readability plugin</a> at it. Once activated it gave me plenty of <a class="zem_slink" title="White space (visual arts)" rel="wikipedia" href="http://en.wikipedia.org/wiki/White_space_%28visual_arts%29">white space</a>, larger font and the ability to scan the words with ease. It performed the duty of making the web look like itself.</p>
<p>This got me thinking about what the best size for type readability on screens is. Turns out that after reading a c<a title="Optimal font size for online reading" href="http://www.hobo-web.co.uk/tips/55.htm" target="_blank">ouple of studies</a> that say that is <a title="Font size for best readability online with reader" href="http://www.surl.org/usabilitynews/41/onlinetext.asp" target="_blank">someplace between a 12pt or 14pt sans-serif typeface</a> with a setting of 120% height in CSS. Readers also typically prefer serifed fonts for legibility but sans-serifed for actually reading blocks of text.</p>
<p>The major irony of course is that this blog and both of the posts that I linked to don&#8217;t follow any of these guidelines for creating and optimal reading experience! Tech Startups will be heading there in the not so distant future but I fear that the those two poasts are going to be stuck in the internet dark ages.</p>
<h6 class="zemanta-related-title" style="font-size: 1em;">Related articles by Zemanta</h6>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/">Typographic Design Patterns and Best Practices</a> (smashingmagazine.com)</li>
<li class="zemanta-article-ul-li"><a href="http://lifehacker.com/5372743/talking-rss-reader-does-just-what-it-sounds-like">Talking RSS Reader Does Just What it Sounds Like [Downloads]</a> (lifehacker.com)</li>
<li class="zemanta-article-ul-li"><a href="http://mdzlog.alcor.net/2009/08/18/social-media-has-made-me-boring/">Social media has made me boring</a> (mdzlog.alcor.net)</li>
</ul>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/8c6b1d24-dfcd-4000-8cb2-cf8827a46e5a/"><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=8c6b1d24-dfcd-4000-8cb2-cf8827a46e5a" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related paragraph-reblog"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
<p><a href="http://www.techstartups.com/2009/12/11/no-shame-in-readability/">No Shame In Readability</a> is a post from: <a href="http://www.techstartups.com">TechStartups.com</a></p>
<br /><br /><br /><br /><br /><br /><br /><br />Tags: <a style="display:inline" href="http://www.techstartups.com/tag/best-font-online/" rel="tag">best font online</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/best-font-online/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/best-size-for-fonts/" rel="tag">best size for fonts</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/best-size-for-fonts/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/css-size-fonts/" rel="tag">css size fonts</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/css-size-fonts/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/internet-dark-ages/" rel="tag">internet dark ages</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/internet-dark-ages/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/optimum-size-for-fonts/" rel="tag">optimum size for fonts</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/optimum-size-for-fonts/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/readability/" rel="tag">Readability</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/readability/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/readability-bookmarklet/" rel="tag">Readability Bookmarklet</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/readability-bookmarklet/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/reading-glasses/" rel="tag">reading glasses</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/reading-glasses/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/sans-serifed-fonts/" rel="tag">sans-serifed fonts</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/sans-serifed-fonts/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a><br /><br />]]></description>
			<content:encoded><![CDATA[<p><em>By Senior Editor – Kris Smith (<a href="http://twitter.com/croncast" target="_blank">@croncast</a>)</em></p>
<p><a href="http://www.techstartups.com/blog/wp-content/uploads/2009/12/read.png"><img class="alignleft size-full wp-image-6179" title="read" src="http://www.techstartups.com/blog/wp-content/uploads/2009/12/read.png" alt="read" width="300" height="200" /></a>Reading glasses are for old folks and big type is for kids that don&#8217;t know how to read. Well, that used to be true.</p>
<p>For those that believe that the web is now looking like itself and no longer doing a mimetic dance with it&#8217;s first cousin, print, you should be down with this: Bigger font sizes, better kerning, wider line height and plenty of <a class="zem_slink" title="Negative space" rel="wikipedia" href="http://en.wikipedia.org/wiki/Negative_space">negative space</a> make for a better user experience. Especially when reading thousands of words online everyday.</p>
<p><strong><span id="more-6178"></span></strong>What got me going down this path was a link that someone shared today through their Google Reader shared feed to an article in <a title="Rolling Stone Matt Taibbi Barack Obama CitiGroup" href="http://www.rollingstone.com/politics/story/31234647/obamas_big_sellout/print" target="_blank">Rolling Stone by Matt Taibbi</a>. The link, as you can see, is a link to a printable version of the piece. I was rate this as great for print and poor for readability.</p>
<p>The post content font size is super for saving printer paper and thus trees, but it is a killer on the eyes. Reading the post at that size even in the the early paragraphs was causing me strain and fatigue. I was tired of reading the dense blocks of text without even forming half and opinion about writing. I was more concerned with the design and the inability to read it quickly because the type was packed so tight &#8211; letters like sardines.</p>
<p>To read this article and make it not about the squished fonts and tiny words I had to throw the <a title="Readability bookmarklet plugin for better font sizes and improved legibility" href="http://lab.arc90.com/experiments/readability/" target="_blank">Readability plugin</a> at it. Once activated it gave me plenty of <a class="zem_slink" title="White space (visual arts)" rel="wikipedia" href="http://en.wikipedia.org/wiki/White_space_%28visual_arts%29">white space</a>, larger font and the ability to scan the words with ease. It performed the duty of making the web look like itself.</p>
<p>This got me thinking about what the best size for type readability on screens is. Turns out that after reading a c<a title="Optimal font size for online reading" href="http://www.hobo-web.co.uk/tips/55.htm" target="_blank">ouple of studies</a> that say that is <a title="Font size for best readability online with reader" href="http://www.surl.org/usabilitynews/41/onlinetext.asp" target="_blank">someplace between a 12pt or 14pt sans-serif typeface</a> with a setting of 120% height in CSS. Readers also typically prefer serifed fonts for legibility but sans-serifed for actually reading blocks of text.</p>
<p>The major irony of course is that this blog and both of the posts that I linked to don&#8217;t follow any of these guidelines for creating and optimal reading experience! Tech Startups will be heading there in the not so distant future but I fear that the those two poasts are going to be stuck in the internet dark ages.</p>
<h6 class="zemanta-related-title" style="font-size: 1em;">Related articles by Zemanta</h6>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/">Typographic Design Patterns and Best Practices</a> (smashingmagazine.com)</li>
<li class="zemanta-article-ul-li"><a href="http://lifehacker.com/5372743/talking-rss-reader-does-just-what-it-sounds-like">Talking RSS Reader Does Just What it Sounds Like [Downloads]</a> (lifehacker.com)</li>
<li class="zemanta-article-ul-li"><a href="http://mdzlog.alcor.net/2009/08/18/social-media-has-made-me-boring/">Social media has made me boring</a> (mdzlog.alcor.net)</li>
</ul>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/8c6b1d24-dfcd-4000-8cb2-cf8827a46e5a/"><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=8c6b1d24-dfcd-4000-8cb2-cf8827a46e5a" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related paragraph-reblog"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
<p><a href="http://www.techstartups.com/2009/12/11/no-shame-in-readability/">No Shame In Readability</a> is a post from: <a href="http://www.techstartups.com">TechStartups.com</a></p>
<br /><br /><br /><br /><br /><br /><br /><br />Tags: <a style="display:inline" href="http://www.techstartups.com/tag/best-font-online/" rel="tag">best font online</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/best-font-online/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/best-size-for-fonts/" rel="tag">best size for fonts</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/best-size-for-fonts/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/css-size-fonts/" rel="tag">css size fonts</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/css-size-fonts/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/internet-dark-ages/" rel="tag">internet dark ages</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/internet-dark-ages/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/optimum-size-for-fonts/" rel="tag">optimum size for fonts</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/optimum-size-for-fonts/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/readability/" rel="tag">Readability</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/readability/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/readability-bookmarklet/" rel="tag">Readability Bookmarklet</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/readability-bookmarklet/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/reading-glasses/" rel="tag">reading glasses</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/reading-glasses/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a>, <a style="display:inline" href="http://www.techstartups.com/tag/sans-serifed-fonts/" rel="tag">sans-serifed fonts</a> <a style="text-decoration:none;display:inline" href="http://www.techstartups.com/tag/sans-serifed-fonts/feed" rel="tag"><img style="border:none; display:inline" src="/img/tagrss.gif" border="0"></a><br /><br />]]></content:encoded>
			<wfw:commentRss>http://www.techstartups.com/2009/12/11/no-shame-in-readability/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
