<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" xml:lang="en">

  <title>Zach LeBar's Feed</title>
  <subtitle>A web craftsman pretending to be a writer</subtitle>
  
  <link href="http://zachlebar.com/" hreflang="en" rel="alternate" type="text/html" />
  
  <updated>2011-11-04T01:47:34+11:00</updated>
  <generator uri="http://staceyapp.com/" version="2.3.0">Stacey</generator>

  <author>
    <name>Zach LeBar</name>
    <uri>http://zachlebar.com</uri>
  </author>

  <id>tag:zachlebar.com,2011:/feed/</id>
  <rights>©2011 Zach LeBar</rights>
      <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/zachlebar" /><feedburner:info uri="zachlebar" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry>
   <title>Starting Anew</title>
   <id>tag:zachlebar.com,2011:/journal/starting-anew/</id>
   <updated>2011-11-04T01:47:34+11:00</updated>
   <link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/zachlebar/~3/jUqrtg9XTS8/" />
   <content type="xhtml" xml:lang="en"><div xmlns="http://www.w3.org/1999/xhtml">
            <img src="./content/2.journal/1.starting-anew/typography.jpg" alt="Typography." />
  <img src="./content/2.journal/1.starting-anew/icons-and-such.jpg" alt="Icons and such." />
  <img src="./content/2.journal/1.starting-anew/filler.jpeg" alt="Filler." />
  <img src="./content/2.journal/1.starting-anew/color.jpg" alt="Color." />

          
            <p>I wish I could pinpoint just what it is that makes me want to constantly redesign my website. Maybe it stems from a constant need to reinvent myself, that I'm not satisfied with what's come before, that I judge my past work too harshly. I'm not sure if it's a healthy creative practice, or a destructive one. All I know is that right now it's something I can't fight.</p>

<p>And so here I am, putting forth a new version of my site. Visually, it's certainly different from my last version, and I'm not sure if I'm totally satisfied with it yet. Perhaps I'll finally take the advice of other designers going forward, take a more evolutionary approach to my site design rather than a revolutionary one.</p>

<h3>The Design</h3>

<p><img src="./content/2.journal/1.starting-anew/typography.jpg" alt="Font preview images" /></p>

<p>Starting from a base of classic typography, and a loosely grid-based layout, I slowly layered on color and texture. The fonts I'm using are <a href="http://typekit.com/fonts/adobe-garamond-pro">Adobe Garamond Pro</a> and exljbris' <a href="http://typekit.com/fonts/museo-sans">Museo Sans</a>. Both are provided via <a href="http://typekit.com">TypeKit</a>. The main body font is good, ol' Verdana.</p>

<p><img src="./content/2.journal/1.starting-anew/color.jpg" alt="Seasonal Color Schemes" /></p>

<p>I'm also trying something I've always wanted to do: rotating color schemes. The design is based off one base color and various shades of one accent color. I have in place color values to rotate that accent color based on the season. As of right now that'll have to be done manually by me. But it's something I'm pretty certain could be coded up in JavaScript. I'll have to dive into that later though, but I'll write up my results when I do.</p>

<p><img src="./content/2.journal/1.starting-anew/icons-and-such.jpg" alt="Icons and Visual Accents" /></p>

<p>Personally, I find some sort of visual polish necessary in my designs. Otherwise it just feels unfinished to me. In this design most of that polish takes the form of the subtle background texture. It's a primitive implementation of the <a href="http://designfestival.com/the-cicada-principle-and-why-it-matters-to-web-designers/">Cicada Principle</a> of background image design. But even with my limited understanding of how it works, I've achieved a much more convincing effect than I would have otherwise.</p>

<p>The other touch of polish is seen on the homepage, as a part of the delineation between the showcased post and the latest Work and Journal posts. The icons are a part of a custom set I've been working on and will be releasing in the near future.</p>

<h3>The Backend</h3>

<p>When I decided I was going to do a drastic redesign, I saw the perfect opportunity to try out a new backend system as well. My previous one, <a href="http://tumblr.com">Tumblr</a>, was fine and all but as a geek I wanted a little more control over the way it all worked. I wanted more knobs and levers, more options to tweak.</p>

<p>There certainly aren't a lack of options available to someone looking to build a blog today. I quite happily use <a href="http://wordpress.org">Wordpress</a> when I'm writing for <a href="http://appstorm.net">AppStorm</a>. And if <a href="http://www.movabletype.org/">Movable Type</a> is <a href="http://daringfireball.net/colophon/">good enough for John Gruber</a>, I'm sure it'd satisfy my meager needs. But I wanted to try something new with the client-side design of this site, that's why I built it <a href="http://www.google.com/search?aq=f&amp;amp;sourceid=chrome&amp;amp;ie=UTF-8&amp;amp;q=responsive+web+design">responsively</a>. So why not take the opportunity and try something different on the server-side too.</p>

<p>Around the time that I started making the conceptual decisions about this redesign, Brent Simmon's <a href="http://inessential.com/2011/03/16/a_plea_for_baked_weblogs">post about baked blogs</a> was making the rounds. I strongly encourage you read the article, then come back here. That was something I hadn't considered before, a "baked blog". Where blogging was concerned I just assumed that at the very least there was a SQL database involved. But what this technique offered sounded far more interesting, at least to a geek like me.</p>

<p>Then I listened to <a href="http://5by5.tv/buildanalyze/18">Episode #18</a> of <a href="http://5by5.tv/buildanalyze">Build &amp;amp; Analyze</a>, where Marco and Dan discussed this same thing. The arguments Marco made for why that style of blogging system intrigued him, really hit home with me. I ended up incorporating much of what they discussed on the and <a href="http://5by5.tv/buildanalyze/19">the episode to follow</a>.</p>

<p>I settled on [Stacey] as the baked blog system to build with. It's got its quirks, but a small band of eager developers are still working on it. I like it. I like that it's a little different, that it isn't a "mainstream" blogging platform. While building this site, I noticed that there aren't a ton of articles written about Stacey. I aim to correct that. I'm going to document my experience setting up this site, and what I think others trying to do the same would need to know.</p>

<h3>More to Come</h3>

<p>I'm pretty bad with conclusions. Unless they're poetic and write themselves, I usually ramble on too long, and end up chopping them off mid-thought. That's kind of happening here. I hope this redesign is a start to something great. There will be more to come. My relationship to writing and the Web is just beginning. There's most definitely more to come. Promise.</p>

          
      <xhtml:img xmlns:xhtml="http://www.w3.org/1999/xhtml" src="http://feeds.feedburner.com/~r/zachlebar/~4/jUqrtg9XTS8" height="1" width="1" /></div></content>
<feedburner:origLink>http://zachlebar.com/journal/starting-anew/</feedburner:origLink></entry>
  



</feed><!-- Stacey(2.3.0): 9b3437161d773d1c6b74cfbda19c5e9f --><!-- Cached. -->

