<?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>The Code Dojo &#187; Typography</title>
	<atom:link href="http://dojo.codegreene.com/tag/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://dojo.codegreene.com</link>
	<description>The Code Dojo is the veritable repository of random musings from the development team at Code Greene.</description>
	<lastBuildDate>Fri, 20 Jan 2012 18:09:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Sharpening the Blades: Future of Web Typography, Helpful jQuery Methods, April Fools &#8211; PHP Style</title>
		<link>http://dojo.codegreene.com/2010/04/sharpening-the-blades-future-of-web-typography-helpful-jquery-methods-april-fools-php-style/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sharpening-the-blades-future-of-web-typography-helpful-jquery-methods-april-fools-php-style</link>
		<comments>http://dojo.codegreene.com/2010/04/sharpening-the-blades-future-of-web-typography-helpful-jquery-methods-april-fools-php-style/#comments</comments>
		<pubDate>Thu, 01 Apr 2010 21:11:11 +0000</pubDate>
		<dc:creator>Master Sensei</dc:creator>
				<category><![CDATA[Fun]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[April Fools]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://dojo.codegreene.com/?p=576</guid>
		<description><![CDATA[This April Fools edition of Sharpening the Blades only has two serious articles and we&#8217;ll let you decide on the last one. Luke talks about the Future of Web Typography, Benjam talks about jQuery Methods and Mac, well, Mac is the playful one at the office so he chimes in with his April Fools joke [...]]]></description>
			<content:encoded><![CDATA[<p>This April Fools edition of Sharpening the Blades only has two serious articles and we&#8217;ll let you decide on the last one. Luke talks about the Future of Web Typography, Benjam talks about jQuery Methods and Mac, well, Mac is the playful one at the office so he chimes in with his April Fools joke for all you PHP gurus.</p>
<p><strong>Luke</strong>,<a href="http://www.smashingmagazine.com/2010/03/01/css-and-the-future-of-text/" target="_blank"> Future of Web Typography</a><img class="alignright size-full wp-image-581" style="border: 1px solid #444444; margin: 8px 0pt 0pt 20px; padding: 2px;" title="web-typography" src="http://dojo.codegreene.com/wp-content/uploads/2010/04/web-typography.jpg" alt="" width="100" height="100" /><br />
For years typography on the web has been very limited when compared to what can be in the print world. Over the last few years though we have been given more and more tools to help us accomplish good typography on the web. As time goes on these tools will get better and will become more widely supported. There was an article on Smashing Magazine this week that talked about a lot of these tools that are available to web designers. I really enjoyed reading up, refreshing my memory of code I haven&#8217;t used in a while, and also learning some new ways of styling type. Read it over, the text on your website will be very happy you did.</p>
<p><strong>Benjam,</strong> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/20-helpful-jquery-methods-you-should-be-using/" target="_blank">20 Helpful jQuery Methods You Should Be Using</a><img class="alignright size-full wp-image-579" style="border: 1px solid #444444; margin: 8px 0pt 0px 20px; padding: 2px;" title="nettuts" src="http://dojo.codegreene.com/wp-content/uploads/2010/04/nettuts.jpg" alt="" width="100" height="100" /><br />
While developing a website, I use a lot of tools, both in the creation of the website files (my text editor of choice, file manager, etc.), and within the website itself (CakePHP, jQuery, CSS, etc.), and I&#8217;m always interested in finding features of those tools that I might not be very familiar with.  While I have a deep familiarity with the features I use regularly, and a passing familiarity with most of the features of these tools, it&#8217;s always good to get a refresher on what I could be using more.  Here is a post highlighting 20 jQuery methods/features (actually 33 methods in 20 groups) that should be in everybody&#8217;s familiarity tool box.</p>
<p>Mac, <a href="http://phpdeveloper.org/news/14281" target="_blank">April Fools &#8211; PHP Style</a><img class="alignright size-full wp-image-580" style="border: 1px solid #444444; margin: 8px 0pt 0pt 20px; padding: 2px;" title="phpdeveloper" src="http://dojo.codegreene.com/wp-content/uploads/2010/04/phpdeveloper.jpg" alt="" width="100" height="100" /><br />
This discusses a topic that we often only think about once or twice a year, but it is still worthy of our attention and deserves some practice to improve our skills. Also, while you are there, subscribe to the <a href="http://www.phpdeveloper.org/feed" target="_blank">PHP Developers feed</a>. The main guy, Chris Cornutt, does an excellent job of filtering the best PHP articles.</p>
]]></content:encoded>
			<wfw:commentRss>http://dojo.codegreene.com/2010/04/sharpening-the-blades-future-of-web-typography-helpful-jquery-methods-april-fools-php-style/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What&#8217;s the best coding font?</title>
		<link>http://dojo.codegreene.com/2009/03/whats-the-best-coding-font/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=whats-the-best-coding-font</link>
		<comments>http://dojo.codegreene.com/2009/03/whats-the-best-coding-font/#comments</comments>
		<pubDate>Sun, 01 Mar 2009 17:44:44 +0000</pubDate>
		<dc:creator>Master Sensei</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://dojo.codegreene.com/?p=163</guid>
		<description><![CDATA[When I first started dabbling with HTML, it was from within the Notepad program on Windows 98. The font used was the one and only fixedsys, which happens to be the oldest font on Windows, dating all the way back to version 1.0. Digital typography has come a long way in the last decade, and [...]]]></description>
			<content:encoded><![CDATA[<p>When I first started dabbling with HTML, it was from within the Notepad program on Windows 98. The font used was the one and only <a title="Download it free" href="http://fixedsys.moviecorner.de/?p=download&amp;l=1" target="_blank">fixedsys</a>, which happens to be the oldest font on Windows, dating all the way back to version 1.0.</p>
<p><img class="size-full wp-image-164 alignnone" src="http://dojo.codegreene.com/wp-content/uploads/2009/02/fixedsys.gif" alt="fixedsys" width="480" height="230" /></p>
<p>Digital typography has come a long way in the last decade, and a wide array of monospaced beauties are now available for our coding pleasure. But what&#8217;s the <em>best</em> font choice when it comes to code? What about size? What about color? I think a lot of these decisions come down to personal preference, but one thing&#8217;s for sure, when you&#8217;re staring at a screen for hours on end, readability is paramount.</p>
<p><span id="more-163"></span></p>
<p>After a dark age of experimentation with WYSIWYG editors in the early 2000&#8242;s, I began to return to my coding roots. Sometime around 2003, I made the switch to Dreamweaver. Dreamweaver was the first editor I had used that took advantage of syntax coloring. The ability to recognize elements greatly increased scannability, and helped keep me in line while trying to write valid code.</p>
<div id="attachment_165" class="wp-caption alignnone" style="width: 502px"><img class="size-full wp-image-165" src="http://dojo.codegreene.com/wp-content/uploads/2009/02/dreamweaver.gif" alt="Some CSS syntax styling with Dreamweaver" width="492" height="178" /><p class="wp-caption-text">Some CSS syntax styling with Dreamweaver</p></div>
<p>At the time, I was using 9pt Monaco. The 9pt size was the default setting, and I must have just gotten used to it, because I left it like that for several years. That all changed when I noticed some of my coworkers beginning to use a program called <a title="Textmate" href="http://macromates.com/" target="_blank">TextMate</a>.</p>
<p>The theme that seduced me away from Dreamweaver was called Black Pearl. The light and mid-toned colors on the dark background had so much more contrast than the stark white I was used to. Colors aside, I noticed the font was much larger (12pt Monaco) and employed a beautifully rendered anti-alias.</p>
<p>I am now myself a proud owner of TextMate, and am loving the Blackboard theme. Tim and Luke both use the same theme, so this makes it easy to recognize syntax when we&#8217;re helping each other with code.</p>
<div id="attachment_166" class="wp-caption alignnone" style="width: 530px"><img class="size-full wp-image-166" src="http://dojo.codegreene.com/wp-content/uploads/2009/02/textmate.gif" alt="A slice of 12pt Monaco from TextMate's Blackboard theme" width="520" height="89" /><p class="wp-caption-text">A slice of 12pt Monaco from TextMate&#39;s Blackboard theme</p></div>
<p>But to each his own! I almost decided to use <a title="Coda" href="http://www.panic.com/coda" target="_blank">Coda</a> for the sheer sake of adding &#8216;Panic Sans&#8217; to my font library. Here are a few more runners up in my book:</p>
<ul>
<li>Andale Mono</li>
<li>Consolas</li>
<li>Bitstream Vera Sans Mono (Panic Sans&#8217; parent)</li>
<li>Lucida Console</li>
</ul>
<p>What&#8217;s <em>your</em> favorite coding font?</p>
]]></content:encoded>
			<wfw:commentRss>http://dojo.codegreene.com/2009/03/whats-the-best-coding-font/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>

