<?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>Labs &#187; typography</title>
	<atom:link href="http://labs.iamkoa.net/tag/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://labs.iamkoa.net</link>
	<description>I break it. I fix it. You learn.</description>
	<lastBuildDate>Wed, 22 Sep 2010 19:43:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Easily Pimp Your Mac OS X Desktop</title>
		<link>http://labs.iamkoa.net/2009/03/17/easily-pimp-your-mac-os-x-desktop/</link>
		<comments>http://labs.iamkoa.net/2009/03/17/easily-pimp-your-mac-os-x-desktop/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 01:25:17 +0000</pubDate>
		<dc:creator>Koa</dc:creator>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[beauty]]></category>
		<category><![CDATA[customize]]></category>
		<category><![CDATA[desktop]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://labs.iamkoa.net/?p=83</guid>
		<description><![CDATA[Mac OS X may not be as easy as Ubuntu to customize, but thanks to GeekTool, you can make your desktop background a little more useful than just eye-candy. I&#8217;ll show you how to easily add a calendar, multiple clocks (display both relative and non-relative time), a live system processes chart, and a system up-time [...]]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://labs.iamkoa.net/wp-content/uploads/2009/03/mac-os-x-background.jpg" target="_blank"><img src="http://labs.iamkoa.net/wp-content/uploads/2009/03/mac-os-x-background-300x187.jpg" alt="Mac OS X Using GeekTool" title="Mac OS X Using GeekTool" width="300" height="187" class="alignleft size-medium wp-image-84" /></a></p>
<p>Mac OS X may not be as easy as Ubuntu to customize, but thanks to <a href="http://projects.tynsoe.org/en/geektool/">GeekTool</a>, you can make your desktop background a little more useful than just eye-candy. I&#8217;ll show you how to easily add a calendar, multiple clocks (display both relative and non-relative time), a live system processes chart, and a system up-time timer (with load averages) to your desktop. Of course you can easily add more items, but this should be enough to get you started.
</p>
<p>
Sounds completely geeky (and it totally is), but <a href="http://projects.tynsoe.org/en/geektool/">GeekTool</a> makes you and your desktop look awesome &#8211; it also increases sexual pleasure and makes you last longer in bed.
</p>
<p><span id="more-83"></span></p>
<p><h2>Get Your GeekTool Ready</h2>
<p>Obviously none of this action would be possible without <a href="http://projects.tynsoe.org/en/geektool/">GeekTool</a>, so go download yourself a copy and <a href="http://projects.tynsoe.org/en/geektool/doc.php">install it</a>. The install should take you 30 seconds or less. Skim over the <strong>Introduction</strong> to give yourself a quick overview of your new best friend.
</p>
<p><h2>Add The Goods To GeekTool</h2>
<p>Now that you have GeekTool installed, it&#8217;s time to add some magic to your desktop. (You can reference my desktop screenshot above as you add your GeekTool components.)<br />
<a href="http://labs.iamkoa.net/wp-content/uploads/2009/03/ss1.jpg"><img src="http://labs.iamkoa.net/wp-content/uploads/2009/03/ss1-150x150.jpg" alt="GeekTool Screenshot" title="GeekTool Screenshot" width="150" height="150" class="alignleft size-thumbnail wp-image-102" /></a></p>
<p>For each component you add, you can drag and resize the window in which they appear &#8211; you&#8217;ll see what I mean once you begin.</p>
<p>To add a new component, click &#8220;New Entry&#8221; in GeekTool and under the main configuration frame drop-down menu (#3 in the screenshot), choose &#8220;Shell&#8221;, then insert the following code into the &#8220;Command&#8221; textbox. The &#8220;Refresh&#8221; input box can be changed to rerun the Shell command every number of seconds.</p>
<p>Here we go from bottom to top of my desktop screenshot:</p>
<h3>System Uptime Stats</h3>
<p><code>uptime</code><br />
Set refresh to ten.</p>
<h3>System Processes Chart</h3>
<p><code>top -l1 -u -o cpu -S -n 15</code><br />
Edit the number &#8220;15&#8243; at the end of the string to display more or less processes.</p>
<h3>Local Time</h3>
<p><code>date +%H:%M</code><br />
You can change the format in which the date is displayed using <a href="http://linux.die.net/man/3/strftime">these nifty conversion symbols</a>.</p>
<h3>Non-Relative Time</h3>
<p><code>TZ=Pacific/Honolulu date +"Honolulu: %H:%M"</code><br />
To change the timezone, edit the TZ variable above to something like &#8220;America/Los_Angeles&#8221; &#8211; a full list of possible TZ variables can be found here:<br />
<a href="http://twiki.org/cgi-bin/xtra/tzdatepick.html">http://twiki.org/cgi-bin/xtra/tzdatepick.html</a></p>
<h3>Calendar</h3>
<p><code>cal | sed "s/^/ /;s/$/ /;s/ $(date +%e) / $(date +%e | sed 's/./#/g') /"</code>
</p>
<p><h2>My Exact GeekTool Setup</h2>
<p>Want to completely copy my style? Be my guest!</p>
<h3>Colors and Font</h3>
<p>White &#8211; Monaco<br />
The font size is variable depending upon the component &#8211; it varies from 9, the uptime and system processes, to 71, the local time.</p>
<h3>Text</h3>
<p>Right-justified</p>
<h3>Image Background</h3>
<p>I can&#8217;t remember where I download the background from, but it&#8217;s called &#8220;Flow&#8221; and it insanely rules. (If you know to whom I should give credit, please let me know.)<br />
<a href='http://labs.iamkoa.net/wp-content/uploads/2009/03/flow_bg.zip'>Download Flow (~3MB)</a></p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.iamkoa.net/2009/03/17/easily-pimp-your-mac-os-x-desktop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Websites Dedicated To Design Inspiration: Web Showcasing, Typography, Digital Art</title>
		<link>http://labs.iamkoa.net/2008/02/13/websites-dedicated-to-design-inspiration-web-showcasing-typography-digital-art/</link>
		<comments>http://labs.iamkoa.net/2008/02/13/websites-dedicated-to-design-inspiration-web-showcasing-typography-digital-art/#comments</comments>
		<pubDate>Thu, 14 Feb 2008 06:47:07 +0000</pubDate>
		<dc:creator>Koa</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[beauty]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://labs.iamkoa.net/2008/02/13/websites-dedicated-to-design-inspiration-web-showcasing-typography-digital-art/</guid>
		<description><![CDATA[Personally speaking, preparing a new web design isn&#8217;t as simple as opening Photoshop. I need constant influence from many creative sources to keep my mind fresh on what&#8217;s hot and what&#8217;s not. When I need inspirational eye-candy, my sources include CSS galleries, digital prints, and typography demonstrations. For those who have similar inspirational needs, allow [...]]]></description>
			<content:encoded><![CDATA[<p>Personally speaking, preparing a new web design isn&#8217;t as simple as opening Photoshop. I need constant influence from many creative sources to keep my mind fresh on what&#8217;s hot and what&#8217;s not. When I need inspirational eye-candy, my sources include CSS galleries, digital prints, and typography demonstrations.</p>
<p>For those who have similar inspirational needs, allow me to lend a helping hand. I&#8217;ll list my personal favorite websites categorized by three major design pools: web showcasing, typography, and digital art.</p>
<p><span id="more-73"></span></p>
<h2>CSS / XHTML / Flash Showcases</h2>
<h5>Digital beauty in the form of web design&#8230;</h5>
<p>The easiest place to gather hordes of inspirational material is among the hundreds of CSS/XHTML and Flash showcase websites. Each of these showcase websites are dedicated to the programmers looking for inspiration through others works. Here are a few of the best:</p>
<h3><a href="http://cssvault.com/" target="_blank">CSS Vault</a> &#038; <a href="http://designshack.co.uk/" target="_blank">Design Shack</a></h3>
<p>Both <a href="http://cssvault.com/" target="_blank">CSS Vault</a> and <a href="http://designshack.co.uk/" target="_blank">Design Shack</a> have a huge collection of CSS-based websites that offer the common user the ability to comment and rate each submission. The Vault also showcases a load of css <a href="http://cssvault.com/resources/demos/">demos</a>, <a href="http://cssvault.com/resources/hacks/">hacks</a>, and <a href="http://cssvault.com/resources/tools/">tools</a>, while the Shack sports bitchin&#8217; <a href="http://designshack.co.uk/tutorials/">tutorials</a>.</p>
<h3><a href="http://designsnack.com/" target="_blank">Design Snack</a></h3>
<p>Although very similar to CSS Vault and Design Shack, <a href="http://designsnack.com/">Design Snack</a> uses cookies to award submissions a ranking on their website. Registered users of Design Snack can rate submissions, much the same way <a href="http://digg.com">Digg</a> users rate articles &#8211; the popular ratings get noticed and awarded, while the runts of the group are dropped from the website.</p>
<h3><a href="http://www.stylegala.com/" target="_blank">Stylegala</a></h3>
<p><a href="http://www.stylegala.com/">Stylegala</a> stands out from the rest by syndicating important design-related news directly onto their website. This, along with their groovy <a href="http://www.stylegala.com/features/">features</a> section, and wicked <a href="http://forum.stylegala.com/">forum</a> gives them a special place in my code-ridden heart.</p>
<h3><a href="http://www.thefwa.com/" target="_blank">FWA</a></h3>
<p>Without a doubt, <a href="http://www.thefwa.com/">FWA</a> is one of the most pristine Flash web awards on the net, showcasing over 2,300 websites in the last seven years. To be listed or better yet, receive Site Of The Day (S.O.T.D.) or Site Of The Month (S.O.T.M.) notoriety, is a real honor. Plenty of talent listed for the gawking.</p>
<h3><a href="http://alistapart.com/topics/design/" target="_blank">A List Apart &#8211; Design</a></h3>
<p>Because of the abundance of well-written articles on <a href="http://alistapart.com/topics/design/">A List Apart</a>, this website will no doubt appear once for each category. Though the website itself is pure beauty, A List Apart&#8217;s purpose is to provide meaningful web reads for us geeks. They succeed.</p>
<p><!-- typography --></p>
<h2>Typographic Hotness</h2>
<h5>It&#8217;s not what you say, but how you display it&#8230;</h5>
<p>It may not be the most interesting of topics, but typography is probably the most important detail of web design. The text spacing, positioning, color, size, and angle can make or break a designs (web or print related) appeal. When you&#8217;re in the mood for some typographic porn, these sites might tickle your fancy:</p>
<h3><a href="http://ilovetypography.com/" target="_blank">I Love Typography</a></h3>
<p><a href="http://ilovetypography.com/">I Love Typography</a> is hands down one of the best typography related websites &#8211; not only are endless examples archived for viewing pleasure, but its authors frequently attempt to explain <em>why</em> certain designs are more appealing than others.</p>
<h3><a href="http://typographica.org/" target="_blank">Typographica</a></h3>
<p><a href="http://typographica.org/">Typographica</a> says it best: &#8220;Typographica is a journal of typography featuring news, observations, and open commentary on fonts and typographic design.&#8221; One of my favorite typography journals.</p>
<h3><a href="http://www.alistapart.com/topics/design/typography/" target="_blank">A List Apart &#8211; Typography</a></h3>
<p>Once again <a href="http://www.alistapart.com/topics/design/typography/">A List Apart</a> makes it into my list of favorites &#8211; this time for typography. The first true typography article I ever read came from A List Apart: <a href="http://alistapart.com/articles/typography">Typography Matters</a>.</p>
<h3><a href="http://www.smashingmagazine.com/category/fonts/" target="_blank">Smashing Magazine</a></h3>
<p>Although <a href="http://www.smashingmagazine.com/category/fonts/">Smashing Magazine</a> spreads across each of these categories nicely, it&#8217;s typography section is especially nice. There generous gift of free fonts once a month and &#8220;Monday Inspiration&#8221; articles quickly have you dreaming with font.</p>
<h3><a href="http://blog.iso50.com/" target="_blank">ISO50</a></h3>
<p>Scott Hansen, a typography god, created <a href="http://blog.iso50.com/">ISO50</a> to display his visual works.<br />
Easily a print design prodigy, Scott has repeatedly inspired me to think outside and even beyond the box.</p>
<h3><a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/" target="_blank">Mark Boulton</a></h3>
<p>Though <a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/">Mark Boulton&#8217;s</a> website has plenty of useful information, this post in particular is one of the best crash courses in learning better typography habits that I&#8217;ve ever read. Take ten minutes to absorb the tips &#8211; be a better designer. As simple as that.</p>
<p><!-- art --></p>
<h2>Art, The Physical Kind</h2>
<h5>Inspiration that hangs from your walls&#8230;</h5>
<p>Yes, there are <em>many</em> kinds of art and no, I&#8217;m not defining art as anything you can hang on your wall. However, surrounding yourself with inspirational works <em>outside</em> of your computer can help in grasping real world print and design. Here are a few artists that inspire me on a daily basis:</p>
<h3><a href="http://dlanham.com/" target="_blank">David Lanham</a></h3>
<p>Digital artwork at its best. <a href="http://dlanham.com/">David Lanham</a> takes everything you thought you knew about artwork and makes it better &#8211; way better. The colors are amazing &#8211; the prints so perfectly detailed. Every print available for purchase also comes in digital form, as a desktop wallpaper, allowing you to capture the inspirational goodness on all mediums.</p>
<h3><a href="http://www.scottsaw.com/" target="_blank">Scott Saw</a></h3>
<p>Patterns are <a href="http://www.scottsaw.com/">Scott Saw&#8217;s</a> obsession. His work is littered with brilliantly colored stencils, covered with scenes of nature, mechanical objects, or spiritual innuendoes. I personally have a small collection of Scott&#8217;s work &#8211; I recommend starting your own.</p>
<h3><a href="http://www.processrecess.com/ target="_blank">ProcessRecess &#8211; James Jean</a></h3>
<p>A beautiful site coupled with amazing artwork you can actually buy &#8211; <a href="http://www.processrecess.com/">James Jean</a> works magic on a large number of different mediums, including glass and aluminum. His use of gradients makes him my personal hero.</p>
<h3><a href="http://www.555design.org/" target="_blank">Are Age &#8211; 555[Design]</a></h3>
<p><a href="http://www.555design.org">Are Age</a> is his art name and real-world art mixed with Photoshop skills is his art game. (I rhymed.) Less fiction, more life. Are Age delivers rich content saturated in complex detail. One of his works are sure to appear on my wall soon.</p>
<h2>What Did I Miss?</h2>
<h5>Add your favorite inspirations&#8230;</h5>
<p>Obviously my inspirations might differ from yours. Add the sites that inspire your creative by leaving a comment.</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.iamkoa.net/2008/02/13/websites-dedicated-to-design-inspiration-web-showcasing-typography-digital-art/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

