<?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>nascentguruism &#187; Drew McLellan</title>
	<atom:link href="http://nascentguruism.com/journal/category/drew-mclellan/feed" rel="self" type="application/rss+xml" />
	<link>http://nascentguruism.com</link>
	<description></description>
	<lastBuildDate>Tue, 13 Apr 2010 22:45:06 +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>Happy&#160;New</title>
		<link>http://nascentguruism.com/journal/happy-new</link>
		<comments>http://nascentguruism.com/journal/happy-new#comments</comments>
		<pubDate>Tue, 02 Jan 2007 00:00:34 +0000</pubDate>
		<dc:creator>Steve</dc:creator>
				<category><![CDATA[Anton Peck]]></category>
		<category><![CDATA[Ben Ward]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[David Thompson]]></category>
		<category><![CDATA[Drew McLellan]]></category>
		<category><![CDATA[Faruk Ateş]]></category>
		<category><![CDATA[Fatty]]></category>
		<category><![CDATA[Frances Berriman]]></category>
		<category><![CDATA[Kurafire]]></category>
		<category><![CDATA[Mark Norman Francis]]></category>
		<category><![CDATA[nascentguruism]]></category>
		<category><![CDATA[Norm!]]></category>
		<category><![CDATA[Piotr Gajos]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web typography]]></category>

		<guid isPermaLink="false">http://localhost/wordpress/journal/happy-new</guid>
		<description><![CDATA[Since the day it was launched, nascentguruism was forsaken. When I started designing it, I had a limited understanding of design and so faced a massive learning curve. Because of this, most of my efforts went into working out how to translate the concepts and feelings I wanted to convey into a working site, along [...]]]></description>
			<content:encoded><![CDATA[<p>Since the day it was launched, <a href="/" rel="me bookmark">nascentguruism</a> was forsaken. When I started designing it, I had a limited understanding of design and so faced a massive learning curve. Because of this, most of my efforts went into working out how to translate the concepts and feelings I wanted to convey into a working site, along with understanding how to achieve what I wanted in the tools I was using (Photoshop).</p>

<p>In hindsight, it&#8217;s entirely logical that the first version of nascentguruism&#8217;s design would turn out to be everything I made it and nothing I wanted it to be: I was learning about design by observing and experimenting, and so would quickly lose focus on the overall design, becoming preoccupied with whatever details I wanted to introduce at that moment in time.</p>

<p>After ten months&#8217; toil, the site <a href="/journal/the-inaugural-post/">launched with a whimper</a> and, because of the shoehorning that had taken place to include all the extra details, I quickly became jaded: the format of the site didn&#8217;t appeal to me, and so I was unwilling to write. As time passed, my interest waned.</p>

<h2>Lather, Rinse, Repeat</h2>

<p>Shortly after <span class="vevent"><a href="http://2006.sxsw.com/"><abbr title="South by South-West" class="caps summary">SxSW</abbr></a> in <abbr title="2006-03-10" class="dtstart">March</abbr></span>&#8211;around June, if memory serves&#8211;I was inspired to play with some ideas for a redesign of nascentguruism.</p>

<p>Rather than pressuring myself to continue working solidly until it was ready to launch&#8211;as I had with the initial ten-month design&#8211;I decided simply to get all my ideas down <del>on paper</del> <ins>into a <abbr title="PhotoShop Document" class="caps">PSD</abbr></ins> before taking time to mull over what I&#8217;d come up with. After a while, I&#8217;d start anew, creating a design from scratch, building upon&#8211;or, in some cases, replacing&#8211;what I&#8217;d done in the last iteration.</p>

<p>This process continued until <abbr title="2006-10-21">mid-October</abbr>, when I finally felt that the design could go no further without transitioning to markup. Throughout, I refused to do any work&#8211;design or markup&#8211; unless I was compelled to do so.</p>

<p>I think this relaxed approach to the design and implementation has served me twofold: the design and implementation was less forced, and so the final site has a more relaxed, open feel to it, and this design is something I positively want to work with, to the point that I&#8217;m practically <em>itching</em> to post new content to it (and have been for the last month). Further, the iterative, throwaway-prototype approach to designing allowed me to incorporate new ideas effectively, without compromising the design as much as I might before.</p>

<h3>Typography</h3>

<p>One of my primary focuses in this new design was to experiment with typography, using some of the ideas gleaned from reading Robert Bringhurst’s ‘<a href="http://www.amazon.co.uk/Elements-Typographic-Style-Robert-Bringhurst/dp/0881791326/">The Elements of Typographic Style</a>’ and working with <a href="http://clagnut.com/" title="Rich Rutter" rel="friend met colleague">Rich</a> on <a href="http://webtypography.net/">Web Typography</a>. I&#8217;ve tried to blend more widely used ideas (like working with <a href="http://webtypography.net/Rhythm_and_Proportion/Vertical_Motion/2.2.2/" title="Web Typography §2.2.2: Add and delete vertical space in measured intervals">vertical rhythm</a> using <a href="/journal/happy-new?show=baselines" title="View this page with baselines visible" rel="nofollow">baselines</a>) and more playful ones (like <a href="http://webtypography.net/Rhythm_and_Proportion/Blocks_and_Paragraphs/2.3.2/" title="Web Typography §2.3.2: In continuous text mark all paragraphs after the first with an indent of at least one en">ornamented indentation</a>), and will continue to experiment and integrate ideas put forth in Web Typography.</p>

<p>Some of these experiments are very reliant on using modern <abbr title="Cascading Style Sheets" class="caps">CSS</abbr> techniques, such as <a href="http://www.w3.org/TR/CSS21/generate.html" title="CSS 2.1 §12: Generated content, automatic numbering, and lists">generated content</a> and <a href="http://www.w3.org/TR/CSS21/selector.html#q20" title="CSS 2.1 §5.12: Selectors (Pseudo-elements)">pseudo-elements</a> and, as such, may not display as expected on all browsers (Internet Explorer, I&#8217;m looking at <em>you</em>). Further, most of the font-size-related typography has been optimised for WebKit-based browsers on Mac <abbr title="Operating System" class="caps">OS</abbr> <abbr title="Ten">X</abbr> and, as such, there may be sizing issues with other platforms or browsers. Or maybe not. Everything should be <em>usable</em>, at the very least.</p>

<h3>Style</h3>

<p>As it stands, the <abbr title="Cascading Style Sheets" class="caps">CSS</abbr> is very clearly showing signs of the hap-hazard approach I took to developing it; in the very near future, I plan to rework it&#8211;possibly using <a href="http://developer.yahoo.com/yui/"><abbr title="Yahoo! User Interface (Library)" class="caps">YUI</abbr></a> <a href="http://developer.yahoo.com/yui/reset/">reset</a> and <a href="http://developer.yahoo.com/yui/fonts/">fonts</a>.</p>

<h2>Support</h2>

<p>I couldn&#8217;t have achieved everything I have in this redesign if it weren&#8217;t for the help of a two notable individuals:</p>

<ul>
<li><a href="http://antonpeck.com/" title="Anton Peck" rel="friend met colleague">Anton</a> was a constant source of inspiration and has the patience of a monk, answering all my design questions&#8211;no matter how inane&#8211;with nary a complaint.</li>
<li><a href="http://ben-ward.co.uk/" title="Ben Ward" rel="friend met colleague">Ben</a> put up with my badgering for opinions on this or that markup quandary, and seemed to delight in challenging me to get the ideal markup working in whatever layout I was attempting.</li>
</ul>

<p>These two deserve more gratitude than I can express here&#8211;or in beer form&#8211;thank-you both.</p>

<p>There are, however, others that have supported me throughout the process, who also deserve thanks:</p>

<ul>
<li><a href="http://allinthehead.com/" title="Drew McLellan" rel="friend met co-worker">Drew</a></li>
<li><a href="http://kurafire.net/" title="Faruk Ateş" rel="friend met colleague">Faruk</a></li>
<li><a href="http://fatbusinessman.com/" title="David &quot;Fatty&quot; Thompson" rel="friend met colleague">Fatty</a></li>
<li><a href="http://fberriman.com/" title="Frances Berriman" rel="friend met colleague">Fran</a></li>
<li><a href="http://cackhanded.net/" title="Mark Norman Francis" rel="friend met co-worker">Norm!</a></li>
<li><a href="http://pe8er.net/" title="Piotr Gajos" rel="friend colleague">Piotr</a></li>
<li><a href="http://clagnut.com/" title="Rich Rutter" rel="friend met colleague">Rich</a></li>
</ul>

<h2><dfn lang="fr" title="French: Finished">Fin</dfn>?</h2>

<p>nascentguruism is far from complete&#8211;during this redesign, I&#8217;ve come up with many, many ideas for future work on the design and implementation. Most importantly, however, I have a renewed excitement for blogging and a few ideas for future posts in mind.</p>

<p>Only time will tell if it lasts, I&nbsp;suppose.</p>]]></content:encoded>
			<wfw:commentRss>http://nascentguruism.com/journal/happy-new/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

