<?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>TikiRobot! &#187; typography</title>
	<atom:link href="http://www.tikirobot.net/wp/tag/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tikirobot.net/wp</link>
	<description>Mai Tais and Blinky Lights, Ahoy!</description>
	<lastBuildDate>Wed, 01 Feb 2012 22:14:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Denne&#8217;s Aliens</title>
		<link>http://www.tikirobot.net/wp/2010/02/02/dennes-aliens/</link>
		<comments>http://www.tikirobot.net/wp/2010/02/02/dennes-aliens/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 00:54:59 +0000</pubDate>
		<dc:creator>may</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[cuuuuute]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.tikirobot.net/wp/?p=3055</guid>
		<description><![CDATA[How adorable is this font?! It&#8217;s designed by Denise Bentulan and you can download it for free over here.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tikirobot.net/wp/wp-content/uploads/2010/02/denneALIENSpreview.jpg"><img src="http://www.tikirobot.net/wp/wp-content/uploads/2010/02/denneALIENSpreview.jpg" alt="" title="denneALIENSpreview" width="500" height="375" class="alignnone size-full wp-image-3064" /></a></p>
<p><a href="http://www.tikirobot.net/wp/wp-content/uploads/2010/02/dennesaliens1.jpg"><img src="http://www.tikirobot.net/wp/wp-content/uploads/2010/02/dennesaliens1-500x265.jpg" alt="" title="dennesaliens" width="500" height="265" class="alignnone size-medium wp-image-3057" /></a></p>
<p>How adorable is this font?!  It&#8217;s designed by Denise Bentulan and you can <a href="http://www.dafont.com/dennes-aliens.font">download it for free over here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tikirobot.net/wp/2010/02/02/dennes-aliens/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rescued from the electronic trash bin</title>
		<link>http://www.tikirobot.net/wp/2007/11/26/rescued-from-the-electronic-trash-bin/</link>
		<comments>http://www.tikirobot.net/wp/2007/11/26/rescued-from-the-electronic-trash-bin/#comments</comments>
		<pubDate>Tue, 27 Nov 2007 01:47:58 +0000</pubDate>
		<dc:creator>may</dc:creator>
				<category><![CDATA[doodles]]></category>
		<category><![CDATA[spam]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.tikirobot.net/wp/2007/11/26/rescued-from-the-electronic-trash-bin/</guid>
		<description><![CDATA[Rescued from our collective electronic trash bins and lovingly preserved for posterity, here&#8217;s a set of doodles inspired by spam subject lines. viagra and boob boosting vitamins never looked so good.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/linzie/sets/72157602417089145/"><img src='http://www.tikirobot.net/wp/wp-content/uploads/2007/11/spamart1.jpg' alt='spamart.jpg' /></a></p>
<p>Rescued from our collective electronic trash bins and lovingly preserved for posterity, here&#8217;s a <a href="http://www.flickr.com/photos/linzie/sets/72157602417089145/">set of doodles inspired by spam subject lines</a>.  viagra and boob boosting vitamins never looked so good.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tikirobot.net/wp/2007/11/26/rescued-from-the-electronic-trash-bin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dasher: a single-finger typing system based on arithmatic coding</title>
		<link>http://www.tikirobot.net/wp/2007/04/27/dasher-a-single-finger-typing-system-based-on-arithmatic-coding/</link>
		<comments>http://www.tikirobot.net/wp/2007/04/27/dasher-a-single-finger-typing-system-based-on-arithmatic-coding/#comments</comments>
		<pubDate>Fri, 27 Apr 2007 09:17:27 +0000</pubDate>
		<dc:creator>rajbot</dc:creator>
				<category><![CDATA[typography]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[multitouch]]></category>

		<guid isPermaLink="false">http://www.tikirobot.net/wp/2007/04/27/dasher-a-single-finger-typing-system-based-on-arithmatic-coding/</guid>
		<description><![CDATA[Check out this awesome Google Tech Talk on Dasher: Keyboards are inefficient for two reasons: they do not exploit the redundancy in normal language; and they waste the fine analogue capabilities of the user&#8217;s motor system (fingers and eyes, for example). I describe a system intended to rectify both these inefficiencies. Dasher is a text-entry [...]]]></description>
			<content:encoded><![CDATA[<p>Check out this awesome Google Tech Talk on Dasher:</p>
<p><embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=5078334075080674416&#038;hl=en" flashvars=""> </embed></p>
<blockquote><p>Keyboards are inefficient for two reasons: they do not exploit the redundancy in normal language; and they waste the fine analogue capabilities of the user&#8217;s motor system (fingers and eyes, for example). I describe a system intended to rectify both these inefficiencies. Dasher is a text-entry system in which a language model plays an integral role, and it&#8217;s driven by continuous gestures. Users can achieve single-finger writing speeds of 35 words per minute and hands-free writing speeds of 25 words per minute. Dasher is free software, and it works in all languages, and on many platforms. Dasher is part of Debian, and there&#8217;s even a little java version for your web-browser.</p></blockquote>
<p><a href="http://www.dasher.org.uk/">Give it a try!</a> It takes a minute to get used to it (<i>&#8220;We don&#8217;t know of a writing system with a learning curve steaper than this&#8221;</i>).</p>
<p>In the middle of the video they show hands-free typing using gaze-tracker.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tikirobot.net/wp/2007/04/27/dasher-a-single-finger-typing-system-based-on-arithmatic-coding/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to render text using HTML Canvas</title>
		<link>http://www.tikirobot.net/wp/2007/02/28/how-to-render-text-using-html-canvas/</link>
		<comments>http://www.tikirobot.net/wp/2007/02/28/how-to-render-text-using-html-canvas/#comments</comments>
		<pubDate>Wed, 28 Feb 2007 22:59:30 +0000</pubDate>
		<dc:creator>rajbot</dc:creator>
				<category><![CDATA[typography]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[code code]]></category>
		<category><![CDATA[commandline]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.tikirobot.net/wp/2007/02/28/how-to-render-text-using-html-canvas/</guid>
		<description><![CDATA[I&#8217;ve been using HTML5 Canvas for a few web apps, and for the last year I&#8217;ve been avoiding rendering any text because Canvas lacks text support. Over the last year, several people have come up with workarounds. Firefox decided to add a non-standard method called drawWindow(), which lets you composite a hidden iframe with html [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been using HTML5 Canvas for a few web apps, and for the last year I&#8217;ve been avoiding rendering any text because Canvas lacks text support. Over the last year, several people have come up with workarounds.</p>
<ul>
<li>Firefox decided to add <a href="http://developer.mozilla.org/en/docs/Drawing_Graphics_with_Canvas#Rendering_Web_Content_Into_A_Canvas">a non-standard method called drawWindow()</a>, which lets you composite a hidden iframe with html text.
<li>The <a href="http://osteele.com/sources/javascript/docs/textcanvas">TextCanvas project</a> adds a drawString method to the canvas api, which positions a HTML element on top of the canvas.
<li>The <a href="http://www.random.abrahamjoffe.com.au/public/JavaScripts/canvas/fonts.htm">Variable Width Canvas Fonts</a> project pre-generates an image containing characters at known locations and then uses drawImage to display the necessary characters.
<li>The very cool <a href="http://canvaspaint.org">CanvasPaint</a> project went nuts and <a href="http://canvaspaint.org/font/postscript/">implemented vector fonts in canvas!</a> (more info <a href="http://canvaspaint.org/blog/2006/12/rendering-text/">here</a>)
<li>None of the above links work in Safari. Despite being the original developers of Canvas, Safari&#8217;s Canvas support is extremely buggy. Things work better with the nightly builds, but even then, many things are broken.
</ul>
<p>I&#8217;ve been thinking about giving up on supporting Safari completely, and maybe trying out <a href="http://dojotoolkit.org">dojo&#8217;s gfx 2D graphics API</a>, which has text support but uses SVG/VML instead of Canvas. For the time being though, I found a silly workaround. Since I only need to display numbers, I can just create 10 pngs, one for each digit. Here is a bash script that creates the number pngs using ImageMagick:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">for</span> <span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #007800;">i</span>=<span style="color: #000000;">0</span>;i<span style="color: #000000; font-weight: bold;">&lt;</span><span style="color: #000000;">10</span>;i++<span style="color: #7a0874; font-weight: bold;">&#41;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span>; <span style="color: #000000; font-weight: bold;">do</span> 
     convert <span style="color: #660033;">-size</span> 75x100 xc:transparent <span style="color: #660033;">-quality</span> <span style="color: #000000;">100</span> <span style="color: #660033;">-font</span> Courier-Bold <span style="color: #660033;">-pointsize</span> <span style="color: #000000;">144</span> <span style="color: #660033;">-fill</span> green <span style="color: #660033;">-draw</span> <span style="color: #ff0000;">&quot;text -5,95 '<span style="color: #007800;">$i</span>'&quot;</span> g<span style="color: #007800;">$i</span>.png; 
<span style="color: #000000; font-weight: bold;">done</span></pre></div></div>

<p>Here&#8217;s a blurry screenshot of how it looks:<br />
<img id="image929" src="http://www.tikirobot.net/wp/wp-content/uploads/2007/02/6.jpg" alt="6.jpg" width="500" height="115"/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tikirobot.net/wp/2007/02/28/how-to-render-text-using-html-canvas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Announcing the TikiGraffiti WordPress captcha Plugin!</title>
		<link>http://www.tikirobot.net/wp/2007/02/16/announcing-the-tikigraffiti-wordpress-captcha-plugin/</link>
		<comments>http://www.tikirobot.net/wp/2007/02/16/announcing-the-tikigraffiti-wordpress-captcha-plugin/#comments</comments>
		<pubDate>Fri, 16 Feb 2007 09:02:59 +0000</pubDate>
		<dc:creator>rajbot</dc:creator>
				<category><![CDATA[doodles]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[all talk]]></category>
		<category><![CDATA[no code]]></category>

		<guid isPermaLink="false">http://www.tikirobot.net/wp/2007/02/16/announcing-the-tikigraffiti-wordpress-captcha-plugin/</guid>
		<description><![CDATA[I got sick of our SecureImage captcha. I couldn&#8217;t type in the correct code a third of the time, and it looked ugly. So I wrote a new hacked up our existing captcha plugin to show pictures of graffiti and street art instead of computer-generated text! Please help me test it out by leaving a [...]]]></description>
			<content:encoded><![CDATA[<p>I got sick of our SecureImage captcha. I couldn&#8217;t type in the correct code a third of the time, and it looked ugly. So I <s>wrote a new</s> hacked up our existing captcha plugin to show pictures of graffiti and street art instead of computer-generated text!</p>
<p>Please help me test it out by leaving a comment with a link to a picture of street art. I found some great ones in <a href="http://www.flickr.com/photos/trois-tetes/sets/163144/">this Flickr set by Trois Tetes</a>. You can also use <a href="http://www.flickr.com/search/advanced/">Flickr Creative Commons search</a> to &#8220;find content to modify, adapt, or build upon&#8221;. Please make sure that the image has a CC license!</p>
<p>I&#8217;ll add attribution for the images and then post the code if no one finds a bug!</p>
<p><b>Update:</b> <a href="http://www.tikirobot.net/wp/tikigraffiti/">Get it here!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tikirobot.net/wp/2007/02/16/announcing-the-tikigraffiti-wordpress-captcha-plugin/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>My favorites are nasty, selfish, and horse puke</title>
		<link>http://www.tikirobot.net/wp/2006/10/09/my-favorites-are-nasty-selfish-and-horse-puke/</link>
		<comments>http://www.tikirobot.net/wp/2006/10/09/my-favorites-are-nasty-selfish-and-horse-puke/#comments</comments>
		<pubDate>Mon, 09 Oct 2006 23:40:13 +0000</pubDate>
		<dc:creator>may</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.tikirobot.net/wp/2006/10/09/my-favorites-are-nasty-selfish-and-horse-puke/</guid>
		<description><![CDATA[A lovely collection of scribbly scratchy fonts, free for your downloading pleasure. (via del.cio.us)]]></description>
			<content:encoded><![CDATA[<p><img id="image509" src="http://www.tikirobot.net/wp/wp-content/uploads/2006/10/misprinted1.gif" alt="misprinted1.gif" /></p>
<p><a href="http://misprintedtype.com/v3/fonts.php">A lovely collection of scribbly scratchy fonts</a>, free for your downloading pleasure. </p>
<p>(via <a href="http://del.icio.us/popular/">del.cio.us</a>) </p>
]]></content:encoded>
			<wfw:commentRss>http://www.tikirobot.net/wp/2006/10/09/my-favorites-are-nasty-selfish-and-horse-puke/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

