<?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>K-Squared Ramblings &#187; typography</title>
	<atom:link href="http://www.hyperborea.org/journal/tag/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hyperborea.org/journal</link>
	<description>Sci-fi, comics, humor, photos...it&#039;s all fair game.</description>
	<lastBuildDate>Sat, 04 Feb 2012 06:27:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Taking the Web Beyond the Typewriter</title>
		<link>http://www.hyperborea.org/journal/2004/12/beyond-the-typewriter/</link>
		<comments>http://www.hyperborea.org/journal/2004/12/beyond-the-typewriter/#comments</comments>
		<pubDate>Sat, 18 Dec 2004 18:13:28 +0000</pubDate>
		<dc:creator>Kelson</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[office]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[webdev]]></category>

		<guid isPermaLink="false">http://www.hyperborea.org/journal/archives/2004/12/18/beyond-the-typewriter/</guid>
		<description><![CDATA[I recently stumbled across an old copy of the Demoroniser (which my American-trained sense of spelling keeps trying to spell as demoronizer), a script designed to correct some of the, well, moronic HTML generated by Microsoft Office. Aside from flat-out &#8230; <a href="http://www.hyperborea.org/journal/2004/12/beyond-the-typewriter/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I recently stumbled across an old copy of the <a href="http://www.fourmilab.ch/webtools/demoroniser/">Demoroniser</a> (which my American-trained sense of spelling keeps trying to spell as <i>demoronizer</i>), a script designed to correct some of the, well, moronic HTML generated by Microsoft Office.  Aside from flat-out coding errors, Office would use non-standard characters for things such as curly quotes or em-dashes that would only show up on Windows computers. If you viewed these sites on a Mac, a Linux box, a Palm, etc., they would seem to be missing punctuation everywhere.  His solution was to convert these to their plain-ASCII equivalents.</p>
<p>Over the last year or so, <a href="http://wordpress.org/">WordPress</a> and <a href="http://www.alistapart.com/">A List Apart</a> have converted me from &#8220;stick with the lowest common denominator&#8221; to &#8220;let&#8217;s show real typography.&#8221;  Since the days of the Demoroniser, Unicode has become a standard part of HTML, so modern browsers* can either display a full range of characters or convert them to something they can display.  You probably won&#8217;t be able to see Chinese text in Lynx, but a <em>properly</em> encoded curly quote&#8212;&#8220; or &#8221;&#8212;will show up as a plain old &quot;.</p>
<p>For one thing, real typography looks much nicer.  <span id="more-634"></span>An actual &#8220;&#8212;&#8221; looks more professional than &#8220;&#45;&#45;&#8221; does.  Curly quotes are also more readable than straight quotes.  Take this series of titles, first with curly quotes and next with straight quotes. With curly quotes, it&#8217;s easier to tell which pieces of text are inside the quotes and which are outside:</p>
<p>&#8220;Blah blah one,&#8221; &#8220;Another title,&#8221; and &#8220;Yada yada.&#8221;<br />
&quot;Blah blah one,&quot; &quot;Another title,&quot; and &quot;Yada yada.&quot;</p>
<p>Indispensable resources: <a href="http://www.cs.sfu.ca/~ggbaker/reference/characters/">Commonly Confused Characters</a> and <a href="http://www.alistapart.com/articles/emen/">The Trouble with EM &#8217;n EN</a> are great for figuring out just which dash to use where, and also to get the codes right (if your authoring tool doesn&#8217;t take care of it for you).  <a href="http://evolt.org/entities">Evolt&#8217;s Character Entity Chart</a> is helpful for looking up codes and for checking just how much your browser can (or can&#8217;t) handle. </p>
<p>So, reminded of the existence of the Demoroniser, I looked for a Unicode-aware update.  The original script remains ASCII-only, but I did find the <a href="http://rheme.net/unmoroniser/">Unmoroniser</a>, a modified version that converts the problem characters to the proper HTML entities instead.  Accompanying the script is a rather long but nonetheless amusing rant on why this change is a good thing.</p>
<p><small>*In this case IE 5+, Mozilla/Firefox/Netscape 6+/etc., Opera 6+, Konqueror 3+ &amp; Safari should have no problems.  Netscape 4 manages the basics, but many characters only show up on Windows or don&#8217;t work at all.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperborea.org/journal/2004/12/beyond-the-typewriter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bunch O Links</title>
		<link>http://www.hyperborea.org/journal/2004/07/bunch-o-links/</link>
		<comments>http://www.hyperborea.org/journal/2004/07/bunch-o-links/#comments</comments>
		<pubDate>Tue, 27 Jul 2004 04:40:02 +0000</pubDate>
		<dc:creator>Kelson</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Comic Con 2004]]></category>
		<category><![CDATA[Comics]]></category>
		<category><![CDATA[Politics]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[linkblogging]]></category>
		<category><![CDATA[privacy]]></category>
		<category><![CDATA[tattoo]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.hyperborea.org/journal/archives/2004/07/26/bunch-o-links/</guid>
		<description><![CDATA[Some random links I&#8217;ve come across today (several from the same source) Peter David: Getting Ink for the Fund &#8211; yes, Peter David has gotten a tattoo to raise money for the CBLDF. He follows up: &#8220;What have you done &#8230; <a href="http://www.hyperborea.org/journal/2004/07/bunch-o-links/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Some random links I&#8217;ve come across today (several from <a href="http://mezzoblue.com/">the same source</a>)</p>
<p><a href="http://forum.newsarama.com/showthread.php?t=15997">Peter David: Getting Ink for the Fund</a> &#8211; yes, Peter David has gotten a tattoo to raise money for the <a href="http://cbldf.org/"><abbr title="Comic Book Legal Defense Fund">CBLDF</abbr></a>.  He <a href="http://www.peterdavid.net/archives/001790.html">follows up</a>: &#8220;What have you done for the CBLDF lately?&#8221;  Well, I&#8217;ve <a href="http://www.hyperborea.org/journal/2004/07/free-speech-in-comics-the-cbldf/">plugged it</a> on my website and bought a T-shirt&#8230;  (Edit: It seems <a href="http://journal.neilgaiman.com/2004/07/shatners-bassoon.asp">Neil Gaiman just missed this by not answering his phone</a>. Also, Newsarama has posted a <a href="http://forum.newsarama.com/showthread.php?t=15994">follow-up story with photos</a>)</p>
<p><a href="http://web.archive.org/web/*/http://graphikjunkie.com/blog/archives/2004/07/20/the_great_custom_404_page_adventure.php">The Great Custom 404 Page Adventure</a> &#8211; comparing the sometimes helpful, sometimes hostile, sometimes humorous &#8220;file not found&#8221; messages at various websites.  <b>Update:</b> Ironically, the site&#8217;s gone 404 itself&#8230;</p>
<p><a href="http://web.archive.org/web/*/www.jluster.org/node/223">Indispensable Mac OS X products</a> &#8211; &#8217;nuff said.</p>
<p><a href="http://serendipity.lascribe.net/ling-lang/2004/07/pirlouettes/">Pir(l)ouettes</a> &#8211; a commentary on <a href="http://www.adobe.com/type/topics/theampersand.html">Adobe&#8217;s history of the ampersand</a>.</p>
<p><a href="http://www.aclu.org/pizza/">ACLU &#8211; Pizza</a> &#8211; a funny/chilling animation of what might go on if a pizza place could cross-reference your health, library, and banking records while you were on the phone.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hyperborea.org/journal/2004/07/bunch-o-links/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

