<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">

    <channel>
    
    <title>Jason Santa Maria: Articles</title>
    <link>http://jasonsantamaria.com/articles/</link>
    <description></description>
    <dc:language>en</dc:language>
    <dc:rights>Copyright 2009</dc:rights>
    <dc:date>2009-06-29T14:56:00-05:00</dc:date>
    <admin:generatorAgent rdf:resource="http://expressionengine.com/" />
    

    <item>
      <title>Where&#8217;d You Go?</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fwhered-you-go%2F&amp;seed_title=Where%26%238217%3Bd+You+Go%3F</link>
      <guid>http://jasonsantamaria.com/articles/whered-you-go/</guid>
      <description><![CDATA[<p class="lead">As you&#8217;ve probably noticed, I&#8217;ve been taking a bit of a break lately. But there&#8217;s some exciting stuff coming up in the not too distant future.</p>

<h2>Excuses, Excuses</h2>
<p>Despite the temptations of ever-warming weather, I had to throw most of my free time towards a new presentation for <a href="http://aneventapart.com/2009/boston/">An Event Apart</a> and <a href="http://www.vivabit.com/atmedia2009/">@media</a> last week, and on a gameplan for <a href="http://interactiondesign.sva.edu/">teaching</a> in the fall. Well, that and sometimes I just don&#8217;t have much of anything to say. Rather than drop posts on here that I don&#8217;t care about, I decided to take a few weeks away from this site to recharge.</p>

<h2>The New Stuff</h2>
<div class="illo two left"><a href="http://www.aigany.org/"><img src="/i/entry/whered-you-go/aigany-logo.gif" alt="AIGA/NY" /></a></div>
<p>Last week, along with six other lucky souls, I was elected to the <a href="http://www.aigany.org/services/about_board.php">AIGA/NY Board of Directors</a>. I&#8217;m seriously humbled to be asked, and also very excited to work with the local community of designers. I&#8217;m already brainstorming some interesting activities and events I can help organize, but if you&#8217;re a designer in NY and there&#8217;s something you want to see, drop me a line.</p>

<div class="illo two left"><a href="http://typekit.com/"><img src="/i/entry/whered-you-go/typekit-logo.gif" alt="Typekit" /></a></div>
<p>In case you&#8217;ve missed it, I&#8217;ve been working alongside the talented group at Small Batch on a new service called Typekit. We&#8217;ve been working with type designers and foundries to bring real fonts to the web, in a legal way that benefits everyone. This promises to be big fun. Follow along with the <a href="http://blog.typekit.com/">blog</a> and <a href="http://twitter.com/typekit">Twitter</a> for updates, or <a href="http://typekit.com/">sign up</a> and we&#8217;ll let you know when it&#8217;s live.</p>

<p>Lastly, somewhat thematically related, look for a long-teased type-related side project of mine to be launched in the coming weeks. Until then, I&#8217;m going to get back in the saddle and on to some more regular updates.</p>]]></description>
      <dc:subject>Appearances, Design, New York, Site, Web, Black, Default, White</dc:subject>
      <dc:date>2009-06-29T14:56:00-05:00</dc:date>
    </item>

    <item>
      <title>Deadlines</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fdeadlines%2F&amp;seed_title=Deadlines</link>
      <guid>http://jasonsantamaria.com/articles/deadlines/</guid>
      <description><![CDATA[<div id="col1">
<blockquote><span class="open-quote">&#8220;</span><p>I love deadlines. I like the whooshing sound they make as they go by.</p><span class="close-quote">&#8221;</span></blockquote>

<p class="by">&mdash;<a href="http://en.wikipedia.org/wiki/Douglas_Adams">Douglas Adams</a>, <em>March 11, 1952 &ndash; May 11, 2001</em></p>
</div>]]></description>
      <dc:subject>Quotes, American Typewriter, Black, Grey, Red</dc:subject>
      <dc:date>2009-05-11T14:36:00-05:00</dc:date>
    </item>

    <item>
      <title>Listening Between the Leading</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Flistening-between-the-leading%2F&amp;seed_title=Listening+Between+the+Leading</link>
      <guid>http://jasonsantamaria.com/articles/listening-between-the-leading/</guid>
      <description><![CDATA[<div class="illo two left"><a title="Listen to my interview on Read Between the Leading" href="http://readbetweentheleading.com/post/105125819s"><img src="/i/entry/listening-between-the-leading/rbtl-logo.gif" alt="Read Between the Leading" /></a></div>

<p>It was my pleasure to be interviewed last night by Aaron Heth and Matt McInerney, two self-proclaimed extremely passionate design students from the Savannah College of Art & Design, for their <a href="http://readbetweentheleading.com/">Read Between the Leading</a> podcast. We had a nice chat about where I got my start, from school to my first job, and a good bit about the state of web design and where we&#8217;re headed.</p>

<p>Thanks very much to Aaron and Matt for having me on! Be sure to check out a few of the past episodes with some of my favorite designers: <a href="http://readbetweentheleading.com/post/97359902">Armin Vit and Bryony Gomez-Palacio</a> of UnderConsideration, <a href="http://readbetweentheleading.com/post/94978312">Stephen Coles</a> of Typographica, <a href="http://readbetweentheleading.com/post/91292944">John Boardley</a> from ILoveTypography, <a href="http://readbetweentheleading.com/post/86557795">Mark Simonson</a>, and <a href="http://readbetweentheleading.com/post/82216430">Antonio Carusone</a> of AisleOne.</p>

<p>You can listen (or download) <a href="http://readbetweentheleading.com/post/105125819">my interview</a> from the site. Enjoy!</p>]]></description>
      <dc:subject>Design, Press, Web, Black, Default, White</dc:subject>
      <dc:date>2009-05-08T20:26:00-05:00</dc:date>
    </item>

    <item>
      <title>What&#8217;s Golden</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fwhats-golden%2F&amp;seed_title=What%26%238217%3Bs+Golden</link>
      <guid>http://jasonsantamaria.com/articles/whats-golden/</guid>
      <description><![CDATA[<div id="col1">
<p class="lead">The <a title="Rule of Thirds on Wikipedia" href="http://en.wikipedia.org/wiki/Rule_of_thirds">rule of thirds</a> and ratios such as the <a title="Golden Ratio on Wikipedia" href="http://en.wikipedia.org/wiki/Golden_ratio">golden section</a> are fantastic methods for achieving designs that feel cohesive. The problem is these principles don&#8217;t really apply to web design.</p>
</div>

<div id="col2">
<div class="illo three left extra"><img src="/i/entry/whats-golden/golden-section-eg.gif" alt="Diagram of the Golden Section" />
<p><em>Golden Ratio:</em> When the ratio between two numbers is the same as the ratio of the sum of those numbers and the larger number. Basically, <strong>a+b</strong> is to <strong>a</strong> as <strong>a</strong> is to <strong>b</strong>. Also referred to as the &#8220;divine proportion&#8221; from its frequent occurrence in nature.</p></div>

<div class="illo three left"><img src="/i/entry/whats-golden/rule-of-thirds-eg.gif" alt="Diagram of the Rule of Thirds" />
<p><em>Rule of Thirds:</em> Imagine your canvas divided into thirds, both horizontally and vertically. By placing important elements along a divider lines or at their intersections, you can create interest, energy, and tension.</p></div>
</div>

<div id="col3">
<p>Ratios and the rule of thirds are relative properties and are derived from inclusive measurements. Which means that not only is a height dependent on and relative to a width, but in order to have the full desired effect, a viewer must be able to see or perceive the boundaries of an object.</p>

<p>We usually just regard a piece of work as a whole entity, in much the same way we perceive a painting. But you don&#8217;t go to the Louvre and see one-third of the <em>Mona Lisa</em>, you see the entirety of the painting in one go (crowds notwithstanding). The web is more like looking through a window outside of the Louvre that partially obscures your view.</p>

<h2>Nature of the Medium</h2>

<p>There are lots of tutorials, articles, and books that approach the topic of using ratios online. But many of these resources don&#8217;t really address the &#8220;why&#8221; behind using these methods, and none seem to tackle the topic of how they translate to medium of the screen.</p>

<p>By its very nature the web is a medium of displacement; content is not tied to being viewed on a specific device, screen, browser, and most importantly, at a standard size. Regardless of how well you plan your layout to work according to a ratio or principles such as the rule of thirds, you can&#8217;t predict how much of it will be viewable at a glance. If a visitor&#8217;s window or device prevents them from seeing the entirety of the layout, as you can by merely looking at a book or poster, the effectiveness of these principles is reduced drastically.</p>

<p>These methods are at their strongest when the sizes and relationships between all elements are based on them. Even if your page design manages to achieve the right balance, it&#8217;s almost certain that the size of the browser window, or the size of screen will not.</p>

<h2>Letting Go</h2>

<p>I&#8217;m not saying that using these principles is a dead end, what I am saying is their usefulness is questionable for web design. The design geek in me wants to just ignore the problems and push forward anyway with a sly &#8220;I&#8217;ll still know it&#8217;s there.&#8221; And that might be enough for some. But I&#8217;m not in favor of restricting content to a scrolling box, or jumping through hoops to regulate the size of content, pages, and browser windows. These methods push the problems on the viewers.</p>

<p>I&#8217;ve been <a title="Video from my 10 minute lecture on the influence of print design on web design. This is an excerpt from a much longer presentation." href="http://vimeo.com/4394152">beating myself up</a> about stuff like this for years. I originally came from a print background where ratios are a great starting point towards unified design. It took me a long time to embrace the fluid nature of the web and let go of that kind of control. The best you can really hope for is leaving viewers with an <em>impression</em> of the larger whole.</p>

<h2>New Foundations</h2>

<p>Design has never been a cut-and-dried process. Just by using any of these methods, regardless of medium, will not ensure good design any more than coding with web standards will ensure a well designed website. For a long time we&#8217;ve been looking at web design through the lens of print design, and while some of the traditional design practices can make the jump to the screen, some cannot. The screen brings with it different kinds of challenges for visual design, some of which occur exclusively in interactive media. It&#8217;s unrealistic to think our old methods can fill in all the gaps, but new <a title="Designing Web Interfaces, 12 Standard Screen Patterns" href="http://designingwebinterfaces.com/designing-web-interfaces-12-screen-patterns">interaction patterns</a> and <a title="Design Pattern Library" href="http://developer.yahoo.com/ypatterns/">visual languages</a> emerge everyday. These are the building blocks for our new design principles.</p>
</div>]]></description>
      <dc:subject>Design, Thinking, Web, Adobe Caslon, Black, Illustration, Yellow</dc:subject>
      <dc:date>2009-05-05T13:07:00-05:00</dc:date>
    </item>

    <item>
      <title>Pretty Sketchy</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fpretty-sketchy%2F&amp;seed_title=Pretty+Sketchy</link>
      <guid>http://jasonsantamaria.com/articles/pretty-sketchy/</guid>
      <description><![CDATA[<div id="col1">
<span id="flickr-link"><a title="Pretty Sketchy Flickr Group" href="http://www.flickr.com/groups/prettysketchy/"></a></span>
	<p>I seem to be getting into many conversations lately on the merits of keeping a sketchbook. Almost everyone agrees they are a good idea, but surprisingly few actually do it. The excuse I hear most often from non-sketchers is “I can’t draw”. And now I’ll tell you what I told them:</p>

	<p><em>Sketchbooks are not about being a good artist, they’re about being a good thinker.</em></p>

	<p>Obviously, some people bring the practice of sketching to a higher art form, but to me it’s always been about visual brainstorming and record-keeping in a format with a ridiculously low barrier to entry. My drawings look like shit, but fidelity doesn’t matter as long as I can convey my ideas to others or to my future self.</p>

	<p>We should revel in not caring how good or bad we are, and by knowing that our means for thinking has improved with each stroke of our pencils. The point is to keep doing, it’s how you get stuff done. And most certainly how you get better.</p>

	<p>I’m trying to get myself into the habit of filling up a page or so a day. Sometimes this might just be a list of thoughts, other times it’s a drawing or bunch of thumbnails. I don’t care if practice makes me perfect, I’m happy if practice keeps me competent.</p>

	<p>In the spirit of awareness, I’ve set up a <a title="Pretty Sketchy Flickr Group" href="http://www.flickr.com/groups/prettysketchy/">Flickr group</a> for this very purpose. Post one, and only one, spread/page from your sketchbook. It’s always fun to see how everyone else’s mind works.</p>
</div>]]></description>
      <dc:subject>Design, Thinking, Beige, Black, Hand&#45;drawn Type, Illustration</dc:subject>
      <dc:date>2009-04-22T14:09:00-05:00</dc:date>
    </item>

    <item>
      <title>Reflections on Layer Tennis</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Freflections-on-layer-tennis%2F&amp;seed_title=Reflections+on+Layer+Tennis</link>
      <guid>http://jasonsantamaria.com/articles/reflections-on-layer-tennis/</guid>
      <description><![CDATA[<p class="lead">Last Friday I played in Coudal Partner&#8217;s <a href="http://layertennis.com/090327/index.php">Layer Tennis</a> in a east coast vs west coast brawl with <a href="http://powazek.com/">Derek Powazek</a>, a friend and one of my favorite web designers. I thought it might be fun to give some background on the match.</p>

<div class="illo three left inset"><a title="View this photo on Flickr" href="http://www.flickr.com/photos/jasonsantamaria/3396814400/"><img src="/i/entry/reflections-on-layer-tennis/in-progress.jpg" alt="The view from my desk during the match." /></a> 
<p>The view from my desk during the match.</p>
</div>

<p>For those uninitiated with Layer Tennis, the premise is simple: two players trade a Photoshop document back and forth, each player has 15 minutes to iterate on the previous &#8220;volley&#8221; however they see fit. The matches are played live on Friday afternoons, and people follow along and comment via Twitter. It really isn&#8217;t about winning or losing, which is determined by voting on Twitter, it&#8217;s more of a exercise in visual literacy and design constraints. Also, it&#8217;s just a game and a fun distraction on a Friday afternoon.</p>

<p>I&#8217;ve played once before (<a href="http://layertennis.com/071026/">a Halloween-themed match</a> with Brian Taylor), but damn if I still wasn&#8217;t a mass of nerves. Derek is very talented, and playing the game itself is like having 10 separate clients looking over your shoulder while you work on each of their projects simultaneously.</p>

<p>The thing about Layer Tennis is there are no guarantees. You can have two brilliant designers face off and end up with a really dull match. Sometimes the ideas just don&#8217;t come. Sometimes you can&#8217;t find that right image. Sometimes, <em>most times</em>, you just don&#8217;t have enough time. But that&#8217;s the fun part, you don&#8217;t have much time to think, you just have to go with your gut and act. 15 minutes is barely enough time to create something coherent, you&#8217;re extra lucky if you manage to make something interesting too. My favorite matches are ones where there is some meaty collaboration going on and the end result yields some sort of flow or narrative.</p>

<h2>Strategies for Layer Tennis: A Cheat Sheet</h2>

<p>Both times I&#8217;ve played I kept a little strategy cheat sheet to fall back on when I&#8217;m completely stuck or to shake up any mental blocks. Obviously, these aren&#8217;t the only options, this list is just a few things that work for the way I think. Combining a couple can prove extra effective:</p>

<ol>
<li><strong>Next/Prev panel:</strong> If the last volley were a panel in comic book, show what would be the next or previous panel.</li>
<li><strong>Zoom In/Out:</strong> Zoom in or out of the last volley to reveal more of the story.</li>
<li><strong>Embellish/Exaggerate:</strong> Take the last volley one step further, make it bigger or smaller, make it ridiculous or somber.</li>
<li><strong>Disarm:</strong> If your opponent returns a particularly scathing attack, make fun of it find a way strip it of its power.</li>
<li><strong>Deconstruct:</strong> Take apart the last volley, break it up into pieces, write the story of it, or show what&#8217;s inside.</li>
<li><strong>Re-contextualize:</strong> Bring your opponent&#8217;s last volley into a new setting.</li>
</ol>

<h2>Back and Forth</h2>

<p>Derek and I decided to do something a little different this time by playing the old bar game &#8220;three truths and a lie&#8221;, essentially playing a game within a game. Layer Tennis is already crazy stressful, and this turned up the volume by making us not only need to create visuals that carried a thread, but stories too.</p>

<p><a href="http://www.coudal.com/">Jim Coudal</a> did the play-by-play and also decided to shake things up by doing audio (instead of the typically written) commentary for the match, and was later joined via phone by seasoned-commentator <a href="http://daringfireball.net/">John Gruber</a>. All of the experimentation turned out to be fun at times and severe monkey wrench at others. Have a look at each volley below, and be sure to click through to the commentary.</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/01.php"><img src="/i/entry/reflections-on-layer-tennis/01.jpg" alt="Volley 1" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/01.php"><span>1</span></a> <em>by Derek</em></h3>
<p class="remarks">Derek sets the rules of the match: We&#8217;ll both tell four stories, three will be true, and one will be a lie. Because we gave ourselves this new constraint, we agreed beforehand that the first and last volleys were reserved for setup and reveal, respectively. (spoilers follow)</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/02.php"><img src="/i/entry/reflections-on-layer-tennis/02.jpg" alt="Volley 2" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/02.php"><span>2</span></a> <em>by Jason</em></h3>
<p class="remarks">I dig out an old illustration of my hands I did eight years ago for a project that never happened, toss in a stock fish and scribble out some type very quickly. This really set the pace for everyone watching to start speculating on truth or lie. In no time at all, <a href="http://twitter.com/kikuchiyo/status/1402880626">Andrew Glaser</a> tracked down a <a href="http://www.flickr.com/photos/jasonsantamaria/2906156049/">photo of me on Flickr</a> that revealed the truth.</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/03.php"><img src="/i/entry/reflections-on-layer-tennis/03.jpg" alt="Volley 3" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/03.php"><span>3</span></a> <em>by Derek</em></h3>
<p class="remarks">Derek fires back with a story about how he appears nude on a mural in Santa Cruz. He craftily ties it back to my previous volley by referencing The University of California publication <strong>Fish</strong> Rap Live, where he was an editor.</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/04.php"><img src="/i/entry/reflections-on-layer-tennis/04.jpg" alt="Volley 4" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/04.php"><span>4</span></a> <em>by Jason</em></h3>
<p class="remarks">Derek&#8217;s big image gave me just enough of a hook to carry into my next volley to reveal a seedy story from my school days: I nearly failed photography class, but barely managed to pass with some help from a friend. Before anyone calls my college, I should say it wasn&#8217;t cheating in the truest sense, I just had a lot of help. I picked up on Derek&#8217;s use of Univers Condensed to tell the tale, and emulated the view through a Polaroid viewfinder, a subtle self-jab to reference how awful I was in the darkroom with developing real film. I dropped in the film reel at the last moment to help people figure out where to start reading.</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/05.php"><img src="/i/entry/reflections-on-layer-tennis/05.jpg" alt="Volley 5" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/05.php"><span>5</span></a> <em>by Derek</em></h3>
<p class="remarks">The volley comes back with a story and photo of Derek&#8217;s (awesome) squid tattoo and implies he has another tattoo, potentially somewhere naughty. I wasn&#8217;t sure how this one played off of my last volley, possibly he was picking up on the idea of hiding something from those around you.</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/06.php"><img src="/i/entry/reflections-on-layer-tennis/06.jpg" alt="Volley 6" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/06.php"><span>6</span></a> <em>by Jason</em></h3>
<p class="remarks">Derek went minimal on volley 5, leaving me with little to work with. Cunning bastard! So I picked up on the visual of the squid to spin what turned out to be my lie. I did always wander off from my parents when I was little, but it never earned me a nickname. Regardless, this was a good excuse to use a squid on a map, which there are far too few opportunities to do. Derek left the door open for me to take a pretty heavy tonal shift, so I jumped on it, swash italics and all.</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/07.php"><img src="/i/entry/reflections-on-layer-tennis/07.jpg" alt="Volley 7" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/07.php"><span>7</span></a> <em>by Derek</em></h3>
<p class="remarks">Derek grabbed my image of the explorer, dropped a torch in his hand, put it on top of a photo of a bonfire, and <strong>holy crap</strong> Derek carried an Olympic torch! This was my favorite of Derek&#8217;s volleys, both for the story and use of the previous volley&#8217;s artwork.</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/08.php"><img src="/i/entry/reflections-on-layer-tennis/08.jpg" alt="Volley 8" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/08.php"><span>8</span></a> <em>by Jason</em></h3>
<p class="remarks">I&#8217;ll be honest here, I backed myself into a corner because I already told my lie. I had to tell a truth this time and I spent 8 of my 15 minutes working on one that didn&#8217;t pan out. I quickly had to put together something else and the tie to the last volley wasn&#8217;t as strong. It&#8217;s a good story though, and I managed to bring in the Gotham Bold Italic and steer it back to the idea of fire. I quickly scanned in some scribbles and tossed it on top of the photo (note: it&#8217;s not a photo of me or my date) to hide my weepy face.</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/09.php"><img src="/i/entry/reflections-on-layer-tennis/09.jpg" alt="Volley 9" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/09.php"><span>9</span></a> <em>by Derek</em></h3>
<p class="remarks">Derek grabbed the paper texture and scribbles from my last volley and picked up on the theme of fire. This is my favorite story of the match. His mom didn&#8217;t care that he nearly burned down their house. And someone let this guy carry the Olympic torch!</p>

<div class="illo left eight solo"><a href="http://layertennis.com/090327/10.php"><img src="/i/entry/reflections-on-layer-tennis/10.jpg" width="900px" height="280px" alt="Volley 10" /></a></div>
<h3>Volley <a href="http://layertennis.com/090327/10.php"><span>10</span></a> <em>by Jason</em></h3>
<p class="remarks">Just as the first layer was the setup for the game within a game, layer 10 was reserved for the reveal. Because of this, I didn&#8217;t feel the need to heavily reference previous volleys, but I brought back the ref from the coin toss and volley 1 to serve as our (conveniently enough after the squids) eight-armed teller of truth. It looks like a simple enough presentation, but it was a pain clipping him out quickly, dropping in chunks of replacement background, and getting that shadow to work with all of his new appendages. I had this idea early in the match and it felt like the most natural way to end the game.</p>

<h2>Post-Game Wrap-up</h2>
<p>As was mentioned a few times in the commentary on the matches, there are many ways to carry over ideas from volley to volley, one is visually another is conceptually. Because of the added constraint of the &#8220;three truths and a lie&#8221; for this match, some of the volleys are more subtle in the ways they carry the narrative thread, which was an experiment with the nature of the game itself.</p>

<p>This match was a blast, and I&#8217;m honored to have gotten to play with a designers I&#8217;ve looked up to since I first got on the web. Thanks to Derek, Jim, John, the Ref, and all the great people at Coudal Partners!</p>]]></description>
      <dc:subject>Appearances, Design, Web, Black, Default, White</dc:subject>
      <dc:date>2009-03-30T11:23:00-05:00</dc:date>
    </item>

    <item>
      <title>In Person</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fin-person%2F&amp;seed_title=In+Person</link>
      <guid>http://jasonsantamaria.com/articles/in-person/</guid>
      <description><![CDATA[<p class="lead">I&#8217;m trying to cut back on travel and speaking dates this year, but I&#8217;ll be out and about a few times. If you happen to be attending any of these events, be sure to say hello!</p>

<h2><a href="http://sxsw.com/interactive/talks/panels?action=show&#038;id=IAP0900291">Not the Same Old Story</a>, SXSW Interactive, March 14, 11:30am</h2>

<p>I&#8217;ll be moderating a panel exploring how people from different backgrounds tackle the problem of design and storytelling online. From the description:</p>

<p><em>If the web provides so many ways to connect with audiences, why are we all stuck telling the same story with our designs? Hear from a panel of storytelling experts on the importance of narrative and art direction online to break away from static and boring experiences.</em></p>

<p>I&#8217;m honored to be joined on the panel by some very talented folks:</p>
<ul>
<li>Nicholas Felton, feltron.com</li>
<li>Daniel Burka, Creative Director, Digg/Pownce</li>
<li>Emily Gordon, Editor-in-Chief, <em>Print Magazine</em>, Emdashes.com</li>
<li>Ian Adelman, Design Director, NYMag.com</li>
</ul>

<h2><a href="http://spreadsheets.google.com/viewform?formkey=cHNFREZseTBKNjV1amNVVXh6YjF4Snc6MA">The Influencers</a>, DOT DOT DOT, April 15</h2>
<p>The upcoming <a href="http://interactiondesign.sva.edu/">Interaction Design Masters program</a> at SVA is really building steam, and they&#8217;ve been giving back to the community with a free monthly lecture series called DOT DOT DOT. I&#8217;ll be giving a 10-minute talk on the night&#8217;s theme of &#8220;The Influencers&#8221; alongside Steve Heller and Hillman Curtis. Get details and RSVP for free <a href="http://spreadsheets.google.com/viewform?formkey=cHNFREZseTBKNjV1amNVVXh6YjF4Snc6MA">here</a>.</p>

<h2><a href="http://aneventapart.com/2009/boston/">An Event Apart</a>, Boston, June 22-23</h2>
<p>I&#8217;ll only be at one An Event Apart this year, and luckily it&#8217;s during my birthday. I expect everyone in the audience to bring presents. Register with the promo code &#8220;AEAHCC&#8221; and save $100.</p>

<h2><a href="http://www.vivabit.com/atmedia2009/">@media09</a>, London, June 25-26</h2>
<p>Later the same week as An Event Apart, I&#8217;ll be jetting over to London for @media and the need to fulfill some serious bangers and mash cravings.</p>

<h2><a href="http://layertennis.com/archive/">Layer Tennis</a>, February 27, 3pm NY time</h2>
<p>Next week I&#8217;ll once again jump onto the tennis court to do battle. Last time was a wonderfully macabre <a href="http://layertennis.com/071026/">Halloween-themed match</a>, this time it&#8217;s just straight up pixels and brain cells against none other than <a href="http://powazek.com/">Derek Powazek</a> (commentator TBD). I&#8217;m definitely going to need to get lucky on this one.</p>]]></description>
      <dc:subject>Appearances, New York, Press, Travel, Web, Black, Default, White</dc:subject>
      <dc:date>2009-02-18T13:25:00-05:00</dc:date>
    </item>

    <item>
      <title>What the World Needs</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fwhat-the-world-needs%2F&amp;seed_title=What+the+World+Needs</link>
      <guid>http://jasonsantamaria.com/articles/what-the-world-needs/</guid>
      <description><![CDATA[<div id="col1">
<p class="lead">My first job was as a dishwasher, a job title I’ve had at three separate times in my life. During high school I worked at a local restaurant where I washed dishes and did some light cooking. When I quit to attend college, the head cook lashed out with his wisdom, <em>&#8220;Art?! As soon as there&#8217;s a war or recession, art will be the first thing to go. And when that happens, you&#8217;ll be right back here washing dishes. People will always need cooks.&#8221;</em> The restaurant folded while I was away at college.</p>

<p>I’ve always wanted to be an artist. I drew constantly in my youth and quickly became one of those kids that was &#8220;<a title="Design Observer: Good At Art" href="http://designobserver.com/archives/entry.html?id=23156">good at art</a>&#8221;. It was firmly planted in my head that I would go on to be a famous illustrator, probably drawing some of the most badass comic books around.</p>

<p>My family was nothing but supportive, regardless if they understood just what kind of things I wanted to create, they always conjured up interminable pride. I focused on doodling and pushed off the idea of how I’d actually make a living. I just kept telling myself that if I achieved a high enough level of skill, people would beat a path to my door.</p>
</div>

<div id="col2">
<p>The notion of being an illustrator stayed with me through most of my schooling, only to fade and finally die out in college. Sometimes I pinpoint that moment as the time I was sitting in life drawing class next to <a title="Kevin Cornell" href="http://bearskinrug.co.uk/">Kevin</a> (who I didn’t know at the time). I had just finished what I thought to be a decent likeness of the reclining model in front of me when I glanced over at Kevin’s work. My jaw hit the floor, followed closely by the tiny jaw of the figure in my drawing. His perfectly shaded rendering mocked me from the easel with vivid photographic precision. It was good, like crazy fucking good.</p>

<p>Kevin’s drawing was a wake up call, but it wasn’t the only reason for my dread. The real fact was my grades were in the toilet because my heart just wasn’t in it anymore. Around then I discovered I had a strong connection with graphic design and a dormant love for typography&mdash;probably a leftover from years of filling my brain with meticulously hand-rendered comic book sound effects. I continued to take a full roster of illustration courses, but threw myself into my design classes with newfound resolve. I didn&#8217;t know it at the time, but this was a huge mile marker in my life. It didn&#8217;t matter what I thought I wanted to be, the real point was finding someplace to direct all of my creative energy.</p>

<p>It’s often interesting to see what paths life will drag you down. Before college, I had only a few brief encounters with a computer, and the majority of those were to play video games. Now I spend much of my day in front of a computer. I may not pick up a pencil or brush as often anymore, but I&#8217;m still creating things and trying to be good at art.</p>
</div>]]></description>
      <dc:subject>Design, Personal, Beige, Blue, Hand&#45;drawn Type, Illustration</dc:subject>
      <dc:date>2009-02-03T15:40:00-05:00</dc:date>
    </item>

    <item>
      <title>Simple.</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fsimple%2F&amp;seed_title=Simple.</link>
      <guid>http://jasonsantamaria.com/articles/simple/</guid>
      <description><![CDATA[<div id="col1">
<blockquote><span class="open-quote">&#8220;</span><p>Simplicity is not the goal. It is the by-product of a good idea and modest expectations.</p><span class="close-quote">&#8221;</span></blockquote>

<p class="by">—<a href="http://en.wikipedia.org/wiki/Paul_Rand">Paul Rand</a></p>
</div>]]></description>
      <dc:subject>Design, Quotes, Gotham, Teal</dc:subject>
      <dc:date>2009-01-19T15:46:00-05:00</dc:date>
    </item>

    <item>
      <title>Leaving Happy Cog</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fleaving-happy-cog%2F&amp;seed_title=Leaving+Happy+Cog</link>
      <guid>http://jasonsantamaria.com/articles/leaving-happy-cog/</guid>
      <description><![CDATA[<div class="illo one left"><img src="/i/entry/leaving-happy-cog/cog.gif" alt="Happy Cog" /></div>

<p class="lead">After nearly five years of working with some of the smartest and most caring people I&#8217;ve ever met, I&#8217;ve decided to leave Happy Cog.</p>

<p>This was a tough decision for me to make; everyone at Happy Cog is like family to me. I&#8217;ve learned a tremendous amount during my time on board, much of it just by watching and listening to how great people work. <a title="Jeffrey Zeldman" href="http://zeldman.com/">Jeffrey</a> is one of the most creative guys around, and I&#8217;m thankful that he took a chance on me years ago.</p>

<p>Make no mistake, <a href="http://happycog.com/">Happy Cog</a> is the best company I&#8217;ve ever worked for. I&#8217;ve had the wonderful opportunity to work on a variety of great projects over the years, but it&#8217;s time for me to move on and try some new things.</p>

<h2>Moving Forward</h2>
<p>Luckily, I&#8217;m leaving on the best possible terms. I&#8217;ll still be working on <a href="http://alistapart.com/">A List Apart</a>, speaking at <a href="http://aneventapart.com/">An Event Apart</a> from time to time, and maybe working on the occasional Happy Cog project, but from here on out I&#8217;m back in the freelance world. I&#8217;ve got a few projects in the works, including some interesting writing prospects, and will be taking on a few new consulting gigs.</p>

<p>To all of my friends and coworkers from the New York and Philadelphia Happy Cog offices, best of luck, I&#8217;ll miss working and learning with you every day.</p>

]]></description>
      <dc:subject>Business, Personal, Press, Black, Default, White</dc:subject>
      <dc:date>2009-01-06T15:01:01-05:00</dc:date>
    </item>

    <item>
      <title>The Death Throes of Print?</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fthe-death-throes-of-print%2F&amp;seed_title=The+Death+Throes+of+Print%3F</link>
      <guid>http://jasonsantamaria.com/articles/the-death-throes-of-print/</guid>
      <description><![CDATA[<div id="col1">
<p class="lead">For years people have declared that print is dead, but perhaps these are now <a title="The Newspaper Industry and the Arrival of the Glaciers" href="http://www.boingboing.net/2008/12/08/the-newspaper-indust.html">its final days</a>.</p>

<p>Nearly every morning you can find a new article about some publication closing up their print editions and moving solely over to the web. The failing economy is an easy direction to point the blame, but it&#8217;s likely just the last nail in the coffin.</p>

<p>It&#8217;s going to get a lot worse before it gets better. The <a title="Christian Science Monitor Interview Part 1: Why the move away from print?" href="http://www.editorsweblog.org/analysis/2008/11/christian_science_monitor_interview_part.php"><em>Christian Science Monitor</em></a> and <a title="Ziff Davis To Close Print PCMag, Focus On Online; Still Looking For Options For Gaming Division" href="http://www.paidcontent.org/entry/419-ziff-davis-to-close-print-pcmag-focus-on-online-still-looking-for-optio/"><em>PC Magazine</em></a> move to the tubes. The <a title="Debt-Saddled Tribune Co. Files for Bankruptcy Protection" href="http://www.washingtonpost.com/wp-dyn/content/article/2008/12/08/AR2008120802200.html?hpid=topnews">Tribune files for bankruptcy protection</a>. Once great <a title="Is Out Of Town News On Its Way Out?" href="http://www.npr.org/templates/story/story.php?storyId=97279948">newsstands close</a> as people get more of their news online. Google is <a title="Google Book Search" href="http://books.google.com/">digitizing books</a> and now <a title="Search and find magazines on Google Book Search" href="http://googleblog.blogspot.com/2008/12/search-and-find-magazines-on-google.html">magazines too</a>, bringing some of the last of the information onto this superhighway. These are some huge shakeups, but the &#8220;printed&#8221; word isn&#8217;t going to go away anytime soon.</p>

<h2 class="extra">So What?</h2>

<p>All publications have websites already, so what&#8217;s remarkable about this? The web was supposed to be the savior for publications and their diminishing print readerships. The problem is, <a title="The New York Times" href="http://nytimes.com/">few</a> have invested any real time or talent to make their websites even half as remarkable as their print editions. Most publishers seem satisfied to blindly dump their prized content into a lifeless shell of a site. Why should we give a damn about your site when you clearly don&#8217;t?</p>
</div>

<div id="col2">
<h2>Momentum</h2>
<p>In an economic crisis, it&#8217;s common to see competition decrease because more companies are forced to close. But a byproduct of this is that it allows those that remain to see the way forward more clearly, <a title="Back to the Garage: How Economic Turmoil Breeds Innovation" href="http://www.wired.com/culture/culturereviews/magazine/16-12/st_essay">bringing about innovation</a>. I believe the decrease in competition may be applicable in a broad sense, but due to the generally lower physical overhead for a website as compared to a print publication, competition may remain constant online, if not actually rise. As more publications move exclusively online, and potentially do it successfully, momentum for other publications to see it as a viable alternative will increase. And this is where it gets interesting.</p>

<h2 class="extra">Potential</h2>
<p>Competition makes for innovation. Without the print edition to serve as the flagship product, the website will no longer be a second class citizen or a quaint add-on to a business model; <em>it will become the business model</em>. Companies will need to rethink their strategies and goals for the web, and <a title="Content and Its Discontents" href="http://www.nytimes.com/2008/12/07/magazine/07wwln-medium-t.html?partner=rss&amp;emc=rss&amp;pagewanted=all">ways to distinguish themselves</a>. If a publication or a few happen to break out of the current mold and start innovating, this may cause other publications, whether still maintaining print editions or not, to become competitive online as well. Once a publication forms a real connection with readers by giving them a reason to care about their website, other publications will be forced to do the same.</p>

<p>The medium of print <a title="How to Publish Without Perishing" href="http://www.nytimes.com/2008/11/30/opinion/30gleick.html?partner=rss&amp;emc=rss&amp;pagewanted=all">will not die</a>, but its spot atop the mountain of mainstream content distribution is in its final days. This could bring about a rebirth of design innovation online. We can help bring about change and find new ways to connect with audiences. This is an exciting time to be a designer, assuming we can all hang onto our jobs long enough to see what happens.</p>
</div>
]]></description>
      <dc:subject>Business, Design, Web, Black, Photo, Red, White</dc:subject>
      <dc:date>2008-12-17T15:37:00-05:00</dc:date>
    </item>

    <item>
      <title>24ways</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2F24ways%2F&amp;seed_title=24ways</link>
      <guid>http://jasonsantamaria.com/articles/24ways/</guid>
      <description><![CDATA[<div class="illo two left"><a title="Making Modular Layout Systems" href="http://24ways.org/2008/making-modular-layout-systems"><img src="/i/entry/24ways/24ways.jpg" alt="Making Modular Layout Systems screenshot" /></a></div>

<p>I&#8217;m pleased to be asked back to contribute to <a href="http://24ways.org/">24ways</a>, the advent calendar for web geeks. A couple of years ago I wrote <a href="http://24ways.org/2006/cheating-color">Cheating Color</a>, a way to alter your color values to deal with perceived color shifts, and this year I wrote about <a href="http://24ways.org/2008/making-modular-layout-systems">Making Modular Layout Systems</a>. This year&#8217;s article delves into one of the pieces behind making my site possible. By using a modular approach to handling images, I&#8217;ve setup a system that allows for quick and diverse layouts. This gives me the options I need to lay out articles in a way that&#8217;s appropriate to the content.</p>

<p>24ways also sports a slick new website this year, and the writing has been top notch as usual. Some favorites of mine so far are Richard Rutter&#8217;s <a href="http://24ways.org/2008/easier-page-states-for-wireframes">Easier Page States for Wireframes</a>, Jeremy Keith&#8217;s <a href="http://24ways.org/2008/the-ie6-equation">The IE6 Equation</a>, and Mark Boulton&#8217;s <a href="http://24ways.org/2008/art-directing-with-looking-room">Art Directing With Looking Room</a>. Thanks and congrats to the 24ways team that made it all possible, <a href="http://allinthehead.com/">Drew McLellan</a>, <a href="http://suda.co.uk/">Brian Suda</a>, and <a href="http://madebyelephant.com/">Tim Van Damme</a>.</p>]]></description>
      <dc:subject>Design, Press, Site, Web, Black, Default, White</dc:subject>
      <dc:date>2008-12-15T12:31:00-05:00</dc:date>
    </item>

    <item>
      <title>Cultivating Conversations</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fcultivating-conversations%2F&amp;seed_title=Cultivating+Conversations</link>
      <guid>http://jasonsantamaria.com/articles/cultivating-conversations/</guid>
      <description><![CDATA[<div id="col1">
<div class="open-quote"></div>
<p class="lead">I go to a website and read an article. Man, that was really great. I&#8217;d like to comment and ask the author a question. I scroll down&#8230; 384 comments. Ugh. Screw this.</p>

<p>This seems to happen more often these days. I only have so much available cognitive time I want to invest before participating in a conversation. The longer the amount of time, the greater chance I will give up. The problem is, this doesn&#8217;t relieve my desire to comment or ask a question, just my desire to participate. But there is a fine line between investment and <em>work</em>.</p>

<p>What&#8217;s the average reader to do when faced with a glut of comments that precede them? Is there a way to make comment threads more useful, and more usable?</p>

<h2>Where We Are</h2>
<p>Authors spend a good chunk of time and attention writing articles, but so little attention is given to the conversation that happens afterward. Most of the time readers are left to fend for themselves in a comment wasteland. As the comment count soars into the tens and hundreds for an article on a popular news or personal website, the chances of anyone reading both an article and the comments that follow before contributing plummet. This doesn&#8217;t stop people from commenting, but after a certain point, most people appear to be commenting blindly. They acknowledge they didn&#8217;t read all the previous comments. Sometimes they even apologize if they are raising a duplicate question or point. Doesn&#8217;t this just exacerbate the problem?</p>

<h2>Hey, Over Here!</h2>
<p>When I am reading a personal blog, I often look for highlighted comments from the author in a thread. If an author comments on his or her own post, it’s usually to respond to an important question or point raised in the ensuing conversation. When that author&#8217;s comments are highlighted, they form a natural series of milemarkers in the discussion; chances are if something important happened, the author came back to address it. Skimming through the author’s comments and the comments they reference gives you a quick image of the shape of the conversation.</p>

<p>Some sites also have systems that ask users to rate or vote up/down comments to let the good stuff rise to the top. But this is yet another task that requires more of the reader&#8217;s time. I rarely find these systems to be very useful because I scarcely find them ever actually <em>being used</em>. These ideas are overkill for most sites, but just as a site or community grows large enough to need a community manager, information can grow so massive that a means for organization is required.</p>

<h2>Stop, Contextualize and Listen</h2>
<p>What if we could take the idea of highlighting author comments a step further and set real milemarkers in comment threads? On most large sites, comment threads are followed by editors, authors, or community managers already. Any of these people could write milemarkers that summarize important parts of the conversation. In the same way a TV show can catch you up on the story with a 30 second recap, we can give people the important pieces of the conversation so that they can join in without having to read everything, thus bringing the conversation into context. And by intelligently linking the relevant parts of the comment recap, we give readers the ability to quickly get to the details of the comments being referenced.</p>

<div class="caption one right">An example milemarker</div>

<p id="milemarker-eg">
<span><strong>Milemarker</strong>, 11:08am Dec 3, 2008</span>
<a href="#">Rob W</a> and <a href="#">Suzie Q</a> asked if this was the same technique used <a href="#">last article</a>. <a href="#">Chet answered yes</a> and pointed out a <a href="#">similar technique</a> by John Mango.</p>

<p>Obviously, this is a very simplistic example, but the idea could be very useful. In a thread of 200 comments, reading 10-20 or so blocks like this wouldn&#8217;t take very long at all. It could help us take steps towards contributing to the conversation in more informed ways. Yes, it&#8217;s idealist, but I feel we need to take steps to taming these huge lists of information. Good conversation can happen, but we need to give people the tools to make it a useful experience.</p>

<h2>Summarizing</h2>
<p>I don&#8217;t know if this is something that could be automated, or at least not yet. In the meantime, we could make some of our CMSs more assistive to approaches like this. Comment milemarkers like the above example could be sprinkled throughout a comment thread as the conversation requires. Perhaps they appear inline with other comments, or off to the side in an easily scannable setup. Those are really design problems tied more to how this could be applied, but the real goal would be to lower the barrier to entry a little. This isn’t a proposal to slight writers or commenters, or take an unearned shortcut, it’s a matter of having smarter conversations.</p>
</div>]]></description>
      <dc:subject>Design, Web, Beige, Black, Blue, ITC Franklin, Orange, Red</dc:subject>
      <dc:date>2008-12-03T16:14:00-05:00</dc:date>
    </item>

    <item>
      <title>My First Website</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fmy-first-website%2F&amp;seed_title=My+First+Website</link>
      <guid>http://jasonsantamaria.com/articles/my-first-website/</guid>
      <description><![CDATA[<div id="col1">
<p class="lead">I can remember getting my domain back in 2000. I was just days away from graduation and hot on this &#8220;web design&#8221; whatsit after taking an intro class over the previous summer.</p>

<p class="caption one right"><strong>Warning!</strong> The following websites may contain logos of an animated nature and are not intended for young viewers.</p>

<div class="illo six left solo">
<a title="Jason Santa Maria v1" href="http://v1.jasonsantamaria.com/"><img src="/i/entry/my-first-website/v1-screenshot.png" alt="JasonSantaMaria.com, version 1" /></a>
</div>

<h2>Training Wheels</h2>
<p>I finished my portfolio early and was already shopping my work around to get a job. The one agency where I really wanted to work was split evenly between print and web work, websites being a distinct missing feature from my all-print portfolio. I resolved to spend all of Christmastime &#8220;learning&#8221; Flash and getting a workable portfolio site online.</p>

<p>The personal branding I developed in school centered around the idea of a nerdy noir hitman of sorts: <em>design for hire</em>. I quickly set about abusing Flash like most first timers, spinning and scaling with little regard for my actions. The absence of a bitchin&#8217; soundtrack was likely only due to time constrains. The end result somehow netted me the job I wanted and paved the way for later years of personal expression via the mighty pixel.</p>

<h2>Preservatives</h2>
<p>As embarrassing as it might be, I&#8217;m putting <a title="Jason Santa Maria v1" href="http://v1.jasonsantamaria.com/">that old version</a> (as well as <a title="Jason Santa Maria v2" href="http://v2.jasonsantamaria.com/">my second site</a>) online because I believe in trying to preserve the things we make. We all have the urge to redesign our websites every other month, but it&#8217;s heartbreaking to see old designs just vanish forever. The things we write are published with a specific design and context. When we change that, we break the context and alter the original qualities of that piece of work.</p>

<p>We haven&#8217;t had enough time to step back and see web design objectively. Will the work we&#8217;re doing have historical significance? Sure. Will it have historical significance <em>in design</em>? Probably. We won&#8217;t know for some time still. There are organizations like <a title="Wayback Machine" href="http://www.archive.org/web/web.php">Archive.org/Wayback Machine</a> that are doing a good job of capturing the web, but it&#8217;s still not quite there yet. For now, I don&#8217;t think it&#8217;s a bad idea for us to keep our own archives. It&#8217;s not perfect either, but it&#8217;s something.</p>

<h2>Give Me Your Tired, Boring, and Assy</h2>
<p>Have a first website you want to share? Better yet, if you&#8217;ve moved past your first website, put previous versions back online permanently for everyone&#8217;s benefit. Ya know, so we can all look back and laugh together.</p>
</div>]]></description>
      <dc:subject>Design, Site, Web, Black, Grey</dc:subject>
      <dc:date>2008-11-20T14:47:00-05:00</dc:date>
    </item>

    <item>
      <title>Progress Report</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fprogress-report%2F&amp;seed_title=Progress+Report</link>
      <guid>http://jasonsantamaria.com/articles/progress-report/</guid>
      <description><![CDATA[<p class="lead">I&#8217;ve been experimenting with this new site of mine for about five months and I&#8217;m really happy with how things are progressing.</p>

<h2>The story so far</h2>
<p>I&#8217;m posting about as often as I ever have here, mostly because I&#8217;m a fantastically wishy washy and slow writer. Writing takes up the lion&#8217;s share of my time on any given post, with design and code amounting to a comfortable reprieve. I&#8217;m admittedly being very conscious of how much time I spend on design so that I can see how viable this is for publishing. Consequently, my designs are fairly minimalistic (though I am very pleased <a title="Shake it Like a Metaphorical Picture | Jason Santa Maria" href="http://jasonsantamaria.com/articles/shake-it-like-a-metaphorical-picture/">with</a> <a title="Change of Heart | Jason Santa Maria" href="http://jasonsantamaria.com/articles/change-of-heart/">a</a> <a title="Oh, Snap | Jason Santa Maria" href="http://jasonsantamaria.com/articles/oh-snap/">few</a> <a title="Meat &amp; Cheese Combo Proves Edible | Jason Santa Maria" href="http://jasonsantamaria.com/articles/meat-cheese-combo-proves-edible/">entries</a>).</p>

<p>I&#8217;ve continued to improve little corners of the site since launching, usually resulting a quiet posting week here and there. I just finished upgrading some of my CSS and sIFR files, which consequently helped me simplify my publishing process.</p>

<p>I haven&#8217;t written about the technical side of how I&#8217;m creating this site because, not only is it pretty basic, but I&#8217;m also hesitant to suggest it as a technique alone. Meaning, it doesn&#8217;t matter how this site is made from a technical perspective, I&#8217;m much more interested in promoting the idea of considering how design can enhance content.</p>

<h2>The story to come</h2>
<p>I&#8217;ve noticed some of my designs feel limited by my writing. In the same way you typically hear your thoughts in your own voice, I visualize my writing in a particular way. I don&#8217;t think the design here is bad, but I have design ideas in mind that don&#8217;t really work with my writing. Because of this, I&#8217;m interested in getting some content conspirators involved so that I can design around some new voices.</p>

<p>I&#8217;m still brainstorming where to go with this idea&mdash;getting others to write content is difficult at best, and interviews can be a bit bland&mdash;but one approach I&#8217;m thinking of is somewhere between an article and an interview. For instance: asking guest authors to answer a single common question, something sorta wide open, that way it&#8217;s just a response on one topic rather than a typical interview setup. This will hopefully put low strain on contributors and still allow me to play with some new content. This is the natural end result of the real point, editorial design for context. Not just mine, but from contributors too.</p>

<p>I believe I can somewhat confidently say that what I&#8217;m experimenting with here could work for an industrious magazine or newspaper website. Obviously, this design is very much tied to me and what I&#8217;m using it for, but the theories and methods are extensible and feel sound. In the end, it isn&#8217;t supposed to be a design trick, or worse, a hindrance to publishing. It&#8217;s about finding the meaning of a story through design. This doesn&#8217;t always equate to anything more than competent design, but it should equate to visual languages that help make content more powerful.</p>]]></description>
      <dc:subject>Design, Site, Black, Default, White</dc:subject>
      <dc:date>2008-11-13T15:09:00-05:00</dc:date>
    </item>

    <item>
      <title>Profiled</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fprofiled%2F&amp;seed_title=Profiled</link>
      <guid>http://jasonsantamaria.com/articles/profiled/</guid>
      <description><![CDATA[<div class="illo four left"><a href="/i/entry/profiled/JSM-netmag-profile.pdf"><img src="/i/entry/profiled/net.jpg" alt=".net magazine issue 180 with profile spread" /></a></div>

<p>The folks over at <a href="http://www.netmag.co.uk/"><em>.net magazine</em></a> (<em>Practical Web Design</em> in the states) profiled me in their last issue and were generous enough to let me post the PDF from the magazine here for download. Man, I really need to get a new photo.</p>

<p class="download"><a href="/i/entry/profiled/JSM-netmag-profile.pdf">Download PDF</a> (400k)</p>
]]></description>
      <dc:subject>Design, Personal, Press, Site, Web, Black, Default, White</dc:subject>
      <dc:date>2008-11-11T20:10:01-05:00</dc:date>
    </item>

    <item>
      <title>Haunted</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fhaunted%2F&amp;seed_title=Haunted</link>
      <guid>http://jasonsantamaria.com/articles/haunted/</guid>
      <description><![CDATA[<div id="col1">
<p>
But see, amid the mimic rout<br />
&emsp;&emsp;A crawling shape intrude!<br />
A blood-red thing that writhes from out<br />
&emsp;&emsp;The scenic solitude!<br />
It writhes!- it writhes!- with mortal pangs<br />
&emsp;&emsp;The mimes become its food,<br />
And seraphs sob at vermin fangs<br />
&emsp;&emsp;In human gore imbued.
</p>
</div>
<div id="byline">
<p>&mdash;From &#8220;The Conqueror Worm&#8221;, Edgar Allan Poe</p>
</div>]]></description>
      <dc:subject>Books, Random, Black, Franklin Caslon, Orange, Photo, Red</dc:subject>
      <dc:date>2008-10-28T11:38:00-05:00</dc:date>
    </item>

    <item>
      <title>On the Subject of Design</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fon-the-subject-of-design%2F&amp;seed_title=On+the+Subject+of+Design</link>
      <guid>http://jasonsantamaria.com/articles/on-the-subject-of-design/</guid>
      <description><![CDATA[<div id="col1">
<ul class="book-row">
	<li class="first-book"><a href="/reading/eats-shoots-and-leaves/"><img src="/i/reading/eats-shoots-and-leaves.jpg" alt="Eats, Shoots &amp; Leaves cover" /></a></li>
	<li><a href="/reading/thinking-with-type/"><img src="/i/reading/thinking-with-type.jpg" alt="Thinking with Type cover" /></a></li>
	<li><a href="/reading/understanding-comics/"><img src="/i/reading/understanding-comics.jpg" alt="Understanding Comics cover" /></a></li>
	<li><a href="/reading/making-and-breaking-the-grid/"><img src="/i/reading/making-and-breaking-the-grid.jpg" alt="Making and Breaking the Grid cover" /></a></li>
	<li><a href="/reading/the-brand-gap/"><img src="/i/reading/the-brand-gap.jpg" alt="The Brand Gap cover" /></a></li>
	<li><a href="/reading/what-is-a-designer/"><img src="/i/reading/what-is-a-designer.jpg" alt="What is a Designer: Things, Places, Messages cover" /></a></li>
	<li><a href="/reading/marks-of-excellence/"><img src="/i/reading/marks-of-excellence.jpg" alt="Marks of Excellence cover" /></a></li>
	<li><a href="/reading/comics-and-sequential-art/"><img src="/i/reading/comics-and-sequential-art.jpg" alt="Comics and Sequential Art cover" /></a></li>
</ul>

<ul class="book-row">
	<li class="first-book"><a href="/reading/designing-for-people/"><img src="/i/reading/designing-for-people.jpg" alt="Designing for People cover" /></a></li>
	<li><a href="/reading/how-to-be-a-graphic-designer-without-losing-your-soul/"><img src="/i/reading/how-to-be-a-graphic-designer.jpg" alt="How To Be a Graphic Designer Without Losing Your Soul cover" /></a></li>
	<li><a href="/reading/unjustified-texts-perspectives-on-typography/"><img src="/i/reading/unjustified-texts-perspectives-on-typography.jpg" alt="Unjustified Texts: Perspectives on Typography cover" /></a></li>
	<li><a href="/reading/while-youre-reading/"><img src="/i/reading/while-youre-reading.jpg" alt="While You&#8217;re Reading cover" /></a></li>
	<li><a href="/reading/design-writing-research/"><img src="/i/reading/design-writing-research.jpg" alt="Design Writing Research cover" /></a></li>
	<li><a href="/reading/letter-by-letter/"><img src="/i/reading/letter-by-letter.jpg" alt="Letter By Letter cover" /></a></li>
	<li><a href="/reading/from-lascaux-to-brooklyn/"><img src="/i/reading/from-lascaux-to-brooklyn.jpg" alt="From Lascaux to Brooklyn cover" /></a></li>
	<li><a href="/reading/type-and-typography/"><img src="/i/reading/type-and-typography.jpg" alt="Type &amp; Typography cover" /></a></li>
</ul>
</div>

<div id="col2">
<p><span class="drop">R</span>eading is one of my great loves in life, a fact that is sometimes at odds with my smock wearing tendencies. Over the years, I&#8217;ve repeatedly affirmed self-education despite the lack of a classroom. This helps me stay sharp and challenge my notions about design and the stuff I make everyday.</p>
</div>

<div id="col3">
<p>Good books are tough to find, so I&#8217;ve begun keeping track of notable ones. I still get a lot of emails asking about graphic design reading recommendations, so when I relaunched this site, I decided to <a href="/reading/">dedicate a section</a> to others like me where I could keep a list of books that I&#8217;ve found helpful. I don&#8217;t provide these as a comprehensive canon, but as a source of books I&#8217;ve vetted as worthwhile for those wanting to keep learning. <a href="/reading/">Enjoy</a>!</p>
</div>

<div id="col4">
<ul class="book-row">
	<li class="first-book"><a href="/reading/the-design-of-everyday-things/"><img src="/i/reading/the-design-of-everyday-things.jpg" alt="The Design of Everyday Things cover" /></a></li>
	<li><a href="/reading/designing-interactions/"><img src="/i/reading/designing-interactions.jpg" alt="Designing Interactions cover" /></a></li>
	<li><a href="/reading/spunk-and-bite/"><img src="/i/reading/spunk-and-bite.jpg" alt="Spunk &amp; Bite cover" /></a></li>
	<li><a href="/reading/envisioning-information/"><img src="/i/reading/envisioning-information.jpg" alt="Envisioning Information cover" /></a></li>
	<li><a href="/reading/a-history-of-graphic-design/"><img src="/i/reading/history-graphic-design.jpg" alt="A History of Graphic Design cover" /></a></li>
	<li><a href="/reading/detail-in-typography/"><img src="/i/reading/detail-in-typography.jpg" alt="Detail in Typography cover" /></a></li>
	<li><a href="/reading/design-and-form-the-basic-course-at-the-bauhaus/"><img src="/i/reading/design-and-form.jpg" alt="Design and Form: The Basic Course at the Bauhaus cover" /></a></li>
	<li><a href="/reading/visual-literacy-a-conceptual-approach-to-graphic-problem-solving/"><img src="/i/reading/visual-literacy.jpg" alt="Visual Literacy: A Conceptual Approach to Graphic Problem Solving cover" /></a></li>
</ul>

<ul class="book-row">
	<li class="first-book"><a href="/reading/graphics-artists-guild-handbook-pricing-amp-ethical-guidelines/"><img src="/i/reading/gag-handbook.jpg" alt="Graphics Artists Guild Handbook: Pricing &amp; Ethical Guidelines cover" /></a></li>
	<li><a href="/reading/a-whack-on-the-side-of-the-head/"><img src="/i/reading/whack.jpg" alt="A Whack on the Side of the Head cover" /></a></li>
	<li><a href="/reading/the-elements-of-color/"><img src="/i/reading/elements-of-color.jpg" alt="The Elements of Color cover" /></a></li>
	<li><a href="/reading/logo-amp-font-lettering-bible/"><img src="/i/reading/logo-bible.jpg" alt="Logo &amp; Font Lettering Bible cover" /></a></li>
	<li><a href="/reading/about-face-reviving-the-rules-of-typography/"><img src="/i/reading/about-face.jpg" alt="About Face: Reviving the Rules of Typography cover" /></a></li>
	<li><a href="/reading/the-elements-of-typographic-style/"><img src="/i/reading/elements-type-style.jpg" alt="The Elements of Typographic Style cover" /></a></li>
	<li><a href="/reading/type-the-secret-history-of-letters/"><img src="/i/reading/type.jpg" alt="Type: The Secret History of Letters cover" /></a></li>
	<li><a href="/reading/grid-systems-in-graphic-design/"><img src="/i/reading/grid-systems.jpg" alt="Grid Systems in Graphic Design cover" /></a></li>
</ul>
</div>]]></description>
      <dc:subject>Books, Design, Adobe Caslon, Black, Blue</dc:subject>
      <dc:date>2008-10-23T11:30:00-05:00</dc:date>
    </item>

    <item>
      <title>Meat &amp; Cheese Combo Proves Edible</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fmeat-cheese-combo-proves-edible%2F&amp;seed_title=Meat+%26amp%3B+Cheese+Combo+Proves+Edible</link>
      <guid>http://jasonsantamaria.com/articles/meat-cheese-combo-proves-edible/</guid>
      <description><![CDATA[<div id="col1">
<p class="lead">Armed with empty stomachs and discerning taste buds, we descended upon New York City determined to <a title="Cheesesteak Crawl" href="http://jasonsantamaria.com/articles/cheesesteak-crawl/">find a cheesesteak of quality</a>. I&#8217;m happy to say, we succeeded.</p>

<div class="illo two left inset"><a href="http://www.flickr.com/photos/ttwice/2893007233/"><img src="/i/entry/meat-and-cheese/scorecards.jpg" alt="Cheesesteak Crawl scorecards" /></a></div>

<p>Heading into this, I had a suspicion that the day might be anticlimactic, full of half-rate wannabe restaurants that wouldn&#8217;t know a cheesesteak from a Manwich. We were threatened by rain and potential steak overdose, but we persevered. Just shy of 100 miles away from the land of cheesesteaks, we found NYC to harbor some superior offerings that could capably sustain the most diehard Philly meathead.</p>

<p>To rate our findings, we all carried <a title="Cheesesteak Crawl Scorecards" href="http://jasonsantamaria.com/articles/cheesesteak-scorecard/">scorecards</a> so that we could declare a winner at the end. The rating system was simple, 1-4 stars&mdash;ranging from &#8220;Blech!&#8221; to &#8220;Yo, Philly!&#8221;&mdash;for the attributes of each restaurant: Ambiance, Roll, Meat, Cheese, Taste, and a grade for Overall appeal.</p>

<h2>The Good</h2>
<p>From the moment we stepped into Wogie&#8217;s we knew it felt right: old skool Eagles and Phillies jerseys, photos of Philly hotspots, high-back wood booths, and the Stones playing in the background. They made a <a href="http://www.flickr.com/photos/jasoncampbell/2896883504/">very tasty sandwich</a>, and the $3 Yuengling didn&#8217;t hurt. Later, a double header of 99 Miles to Philly and Carl&#8217;s, made for strong contenders. 99 Miles to Philly&#8217;s cheesesteaks <a href="http://www.flickr.com/photos/jdickinson/2904103636/">were greasy</a>, in the best way possible. Extra points for also selling Tastykakes, a Philly staple. Carl&#8217;s surly staff couldn&#8217;t detract from a very good offering: <a href="http://www.flickr.com/photos/iancorey/2900409022/">finely chopped meat</a> with cheese fully melted and blended into a roll with just the right amount of soft-to-crisp ratio. Up on the West Side we hit Shorty&#8217;s, a slightly more upscale joint with a very friendly staff, for good but somewhat <a href="http://www.flickr.com/photos/jdickinson/2903267461/">uneven sandwiches</a> that skimped a bit on cheese and were overpowered by the inclusion of caramelized onions. Exceptional rolls though.</p>

<div class="illo four left solo"><a href="http://www.flickr.com/photos/amysly/2896616507/"><img src="/i/entry/meat-and-cheese/crawl.jpg"" alt="On the crawl" /></a></div>

<h2>The Bad</h2>

<p>Ahh, I wish I could say they were all good. BB Sandwich Bar, a cramped little walkup touting the &#8220;<a href="http://www.flickr.com/photos/jasoncampbell/2895992731/">The Best Cheesesteak</a>&#8221;, failed on a number of levels: kaiser roll instead of long roll, rubbery cheese, and the use of their own special sauce. A little later was the Cheesesteak Factory, a rather dingy spot that turned out to be the lowest point of the day, with most of us unable to finish our portions due to their <a href="http://www.flickr.com/photos/64416194@N00/2896693061/">craptastic flavor</a>. My cheesesteak inconceivably tasted like chicken noodle soup. Last stop of the day was Philly Slim&#8217;s, a small storefront with a salty staff. Authentic Philly attitude for sure, but with very average offering of undercut rolls that <a href="http://www.flickr.com/photos/64416194@N00/2896694157/">yielded small portions of meat and cheese</a>.</p>

<div class="illo two left inset"><a href="http://www.flickr.com/photos/jasonsantamaria/2906876048/"><img src="/i/entry/meat-and-cheese/wogies.jpg" alt="Wogie's, the winner" /></a></div>

<h2>Envelope, Please</h2>

<p>The bar was set high very early on and, despite some very strong opposition from 99 Miles and Carl&#8217;s, Wogie&#8217;s managed to win the day. Wogie&#8217;s presented a multi-facted package, from thoroughly delicious sandwiches to authentic Philly flavor. It&#8217;s clear that these guys get it, and they treat you right.</p>

<p>All three of our top scorers rank on par with some of the best cheesesteaks I&#8217;ve had in Philly and I can confidently recommend any of them for a good time. With the exception of Shorty&#8217;s, I&#8217;d suggest steering clear of the rest. If you find yourself in NY with no way to get to Philly and need a good cheesesteak, there are delicious options indeed.</p>

<p>There are many photos to commemorate the day in the <a href="http://flickr.com/groups/nyc-cheesesteak-crawl/">NYC Cheesesteak Crawl Flickr group</a>. Lastly, a round of applause for the brave folks who put their stomachs on the line to achieve this great feat (not everyone gave me their full name): Stewart Becker, Jessae Brown, <a href="http://www.jasoncampbell.com/">Jason Campbell</a>, <a href="http://jesandian.com/">Ian Corey</a>, <a href="http://echoes.allmyliesarewishes.com/">Justin Dickinson</a>, <a href="http://jongala.com/">Jonathan Gala</a>, Boyce Griffith, <a href="http://www.rosaleelaws.com/">Rosalee Laws</a>, <a href="http://log.morrisonfilm.com/">Shawn Morrison</a>, <a href="http://maniacalrage.net/">Garrett Murray</a>, <a href="http://www.inkfinger.us/">Niff Nicholls</a>, Laura Palese, <a href="http://tjschuck.org/">T.J. Schuck</a>, Amy Sly, <a href="http://www.inkfinger.us/">Matt Sutter</a>, <a href="http://www.newtoyork.com/">Tyler Thompson</a>, and Adam.</p>
</div>

<div id="col2">
  <div class="loc">
	<h2>Scoring Results <span><em>Out of a possible 4</em></span></h2>
    <h3><a href="http://www.yelp.com/biz/bb-sandwich-bar-new-york">BB Sandwich Bar</a></h3>

    <ul class="chartlist">
      <li>
        <span class="attr">Ambiance</span> 
        <span class="count">1.63</span>
        <span class="index" style="width: 40.75%">(1.63 out of 4)</span>
      </li>
      <li>
        <span class="attr">Roll</span> 
        <span class="count">2.19</span>
        <span class="index" style="width: 54.75%">(2.19 out of 4)</span>
      </li>
      <li>
        <span class="attr">Meat</span> 
        <span class="count">1.94</span>
        <span class="index" style="width: 48.50%">(1.94 out of 4)</span>
      </li>
      <li>
        <span class="attr">Cheese</span> 
        <span class="count">1.94</span>
        <span class="index" style="width: 48.50%">(1.94 out of 4)</span>
      </li>
      <li>
        <span class="attr">Taste</span> 
        <span class="count">1.94</span>
        <span class="index" style="width: 48.50%">(1.94 out of 4)</span>
      </li>
      <li>
        <span class="attr overall">Overall</span> 
        <span class="count overall-count">2.00</span>
        <span class="index" style="width: 50%">(2.00 out of 4)</span>
      </li>

    </ul>
<h4>Tasting Comments:</h4>
<p class="loc-comms">Kaiser roll buck the tried and true formula, &#8220;wet sauce&#8221; left us dry, and cheese was like a car tire. Plus a long ass wait. Has anyone from here ever even been to Philly?</p>

  </div>

  <div class="loc">
    <h3><a href="http://www.yelp.com/biz/wogies-restaurant-new-york">Wogie&#8217;s Bar &amp; Grill</a></h3>

    <ul class="chartlist">
      <li>
        <span class="attr">Ambiance</span> 
        <span class="count">3.56</span>
        <span class="index high" style="width: 89%">(3.56 out of 4)</span>
      </li>
      <li>
        <span class="attr">Roll</span> 
        <span class="count">3.11</span>
        <span class="index" style="width: 77.75%">(3.11 out of 4)</span>
      </li>
      <li>
        <span class="attr">Meat</span> 
        <span class="count">3.00</span>
        <span class="index" style="width: 75%">(3.00 out of 4)</span>
      </li>
      <li>
        <span class="attr">Cheese</span> 
        <span class="count">3.11</span>
        <span class="index" style="width: 77.75%">(3.11 out of 4)</span>
      </li>
      <li>
        <span class="attr">Taste</span> 
        <span class="count">3.44</span>
        <span class="index high" style="width: 86%">(3.44 out of 4)</span>
      </li>
      <li>
        <span class="attr overall">Overall</span> 
        <span class="count overall-count">3.44</span>
        <span class="index high" style="width: 86%">(3.44 out of 4)</span>
      </li>

    </ul>
<h4>Tasting Comments:</h4>
<p class="loc-comms">Killer decor, cheap drinks, and pleasant staff. Oh yeah, a <em>damn</em> good cheesesteak cooked to perfection. Absolutely delicious. Repeat visits suggested.</p>

</div>


  <div class="loc">
    <h3><a href="http://www.yelp.com/biz/cheesesteak-factory-new-york-2">Cheesesteak Factory</a></h3>

    <ul class="chartlist">
      <li>
        <span class="attr">Ambiance</span> 
        <span class="count">1.39</span>
        <span class="index" style="width: 34.75%">(1.39 out of 4)</span>
      </li>
      <li>
        <span class="attr">Roll</span> 
        <span class="count">1.72</span>
        <span class="index" style="width: 43%">(1.72 out of 4)</span>
      </li>
      <li>
        <span class="attr">Meat</span> 
        <span class="count">1.33</span>
        <span class="index" style="width: 33.25%">(1.33 out of 4)</span>
      </li>
      <li>
        <span class="attr">Cheese</span> 
        <span class="count">1.22</span>
        <span class="index" style="width: 30.50%">(1.22 out of 4)</span>
      </li>
      <li>
        <span class="attr">Taste</span> 
        <span class="count">1.28</span>
        <span class="index" style="width: 32%">(1.28 out of 4)</span>
      </li>
      <li>
        <span class="attr overall">Overall</span> 
        <span class="count overall-count">1.28</span>
        <span class="index" style="width: 32%">(1.28 out of 4)</span>
      </li>

    </ul>
<h4>Tasting Comments:</h4>
<p class="loc-comms">Dubbed &#8220;McCheesesteak&#8221; by the group. Dirty interiors, and shockingly bad cheesesteaks. Most of us were unable to take more than a bite or two. The staff was very pleasant though.</p>

</div>

  <div class="loc">
    <h3><a href="http://www.yelp.com/biz/99-miles-to-philly-new-york-2">99 Miles to Philly</a></h3>

    <ul class="chartlist">
      <li>
        <span class="attr">Ambiance</span> 
        <span class="count">2.94</span>
        <span class="index" style="width: 73.50%">(2.94 out of 4)</span>
      </li>
      <li>
        <span class="attr">Roll</span> 
        <span class="count">2.78</span>
        <span class="index" style="width: 69.50%">(2.78 out of 4)</span>
      </li>
      <li>
        <span class="attr">Meat</span> 
        <span class="count">2.94</span>
        <span class="index" style="width: 73.50%">(2.94 out of 4)</span>
      </li>
      <li>
        <span class="attr">Cheese</span> 
        <span class="count">3.11</span>
        <span class="index" style="width: 77.75%">(3.11 out of 4)</span>
      </li>
      <li>
        <span class="attr">Taste</span> 
        <span class="count">3.28</span>
        <span class="index" style="width: 82%">(3.28 out of 4)</span>
      </li>
      <li>
        <span class="attr overall">Overall</span> 
        <span class="count overall-count">3.28</span>
        <span class="index" style="width: 82%">(3.28 out of 4)</span>
      </li>

    </ul>
<h4>Tasting Comments:</h4>
<p class="loc-comms">Represents Philly in good form, complete with wall flare and Tastykakes. Greasy, but in that oh-so-good comfort food way. Whiz done right.</p>

</div>

  <div class="loc">
    <h3><a href="http://www.yelp.com/biz/carls-steaks-new-york">Carl&#8217;s Steaks</a></h3>

    <ul class="chartlist">
      <li>
        <span class="attr">Ambiance</span> 
        <span class="count">2.38</span>
        <span class="index" style="width: 59.50%">(2.38 out of 4)</span>
      </li>
      <li>
        <span class="attr">Roll</span> 
        <span class="count">2.63</span>
        <span class="index" style="width: 65.75%">(2.63 out of 4)</span>
      </li>
      <li>
        <span class="attr">Meat</span> 
        <span class="count">3.06</span>
        <span class="index high" style="width: 76.50%">(3.06 out of 4)</span>
      </li>
      <li>
        <span class="attr">Cheese</span> 
        <span class="count">3.19</span>
        <span class="index high" style="width: 79.75%">(3.19 out of 4)</span>
      </li>
      <li>
        <span class="attr">Taste</span> 
        <span class="count">3.38</span>
        <span class="index" style="width: 84.50%">(3.38 out of 4)</span>
      </li>
      <li>
        <span class="attr overall">Overall</span> 
        <span class="count overall-count">3.19</span>
        <span class="index" style="width: 79.75%">(3.19 out of 4)</span>
      </li>

    </ul>
<h4>Tasting Comments:</h4>
<p class="loc-comms">This place is straight out of South Philly, complete with ornery staff. Perfectly prepared with all flavors in balance. These guys are cheesesteak machines.</p>

</div>

  <div class="loc">
    <h3><a href="http://www.yelp.com/biz/shortys-new-york">Shorty&#8217;s</a></h3>

    <ul class="chartlist">
      <li>
        <span class="attr">Ambiance</span> 
        <span class="count">3.00</span>
        <span class="index" style="width: 75%">(3.00 out of 4)</span>
      </li>
      <li>
        <span class="attr">Roll</span> 
        <span class="count">3.20</span>
        <span class="index high" style="width: 80%">(3.20 out of 4)</span>
      </li>
      <li>
        <span class="attr">Meat</span> 
        <span class="count">2.67</span>
        <span class="index" style="width: 66.75%">(2.67 out of 4)</span>
      </li>
      <li>
        <span class="attr">Cheese</span> 
        <span class="count">2.13</span>
        <span class="index" style="width: 53.25%">(2.13 out of 4)</span>
      </li>
      <li>
        <span class="attr">Taste</span> 
        <span class="count">2.93</span>
        <span class="index" style="width: 73.25%">(2.93 out of 4)</span>
      </li>
      <li>
        <span class="attr overall">Overall</span> 
        <span class="count overall-count">2.80</span>
        <span class="index" style="width: 70%">(2.80 out of 4)</span>
      </li>

    </ul><h4>Tasting Comments:</h4>
<p class="loc-comms">A slightly fancier cheesesteak: harder roll, caramelized onions and sharp provolone cheese. Points for dressing it up a bit, might not be to everyone&#8217;s tastes.</p>

</div>

  <div class="loc">
    <h3><a href="http://www.yelp.com/biz/philly-slims-cheesteaks-new-york">Philly Slim&#8217;s</a></h3>

    <ul class="chartlist">
      <li>
        <span class="attr">Ambiance</span> 
        <span class="count">2.27</span>
        <span class="index" style="width: 56.75%">(2.27 out of 4)</span>
      </li>
      <li>
        <span class="attr">Roll</span> 
        <span class="count">1.87</span>
        <span class="index" style="width: 46.75%">(1.87 out of 4)</span>
      </li>
      <li>
        <span class="attr">Meat</span> 
        <span class="count">2.67</span>
        <span class="index" style="width: 66.75%">(2.67 out of 4)</span>
      </li>
      <li>
        <span class="attr">Cheese</span> 
        <span class="count">2.13</span>
        <span class="index" style="width: 53.25%">(2.13 out of 4)</span>
      </li>
      <li>
        <span class="attr">Taste</span> 
        <span class="count">2.33</span>
        <span class="index" style="width: 58.25%">(2.33 out of 4)</span>
      </li>
      <li>
        <span class="attr overall">Overall</span> 
        <span class="count overall-count">2.40</span>
        <span class="index" style="width: 60%">(2.40 out of 4)</span>
      </li>

    </ul>
<h4>Tasting Comments:</h4>
<p class="loc-comms">Average if not lackluster offering swayed by an uneven bread to meat and cheese ratio. Cut those rolls all the way! Tastycakes on premises.</p>
</div>

  <div class="loc loc-final">
    <h2 class="grand">Grand Totals</h2>

    <ul class="chartlist final">
      <li>
        <span class="attr">BB</span> 
        <span class="count">1.94</span>
        <span class="index" style="width: 48.50%">(1.94 out of 4)</span>
      </li>
      <li>
        <span class="attr overall-count">Wogie&#8217;s</span> 
        <span class="count overall-count">3.28</span>
        <span class="index high" style="width: 82%">(3.28 out of 4)</span>
      </li>
      <li>
        <span class="attr">Cheesesteak Factory</span> 
        <span class="count">1.37</span>
        <span class="index" style="width: 34.25%">(1.37 out of 4)</span>
      </li>
      <li>
        <span class="attr">99 Miles</span> 
        <span class="count">3.06</span>
        <span class="index" style="width: 76.50%">(3.06 out of 4)</span>
      </li>
      <li>
        <span class="attr">Carl&#8217;s</span> 
        <span class="count">2.97</span>
        <span class="index" style="width: 74.25%">(2.97 out of 4)</span>
      </li>
      <li>
        <span class="attr">Shorty&#8217;s</span> 
        <span class="count">2.79</span>
        <span class="index" style="width: 69.75%">(2.79 out of 4)</span>
      </li>
      <li>
        <span class="attr">Philly Slim&#8217;s</span> 
        <span class="count">2.28</span>
        <span class="index" style="width: 57%">(2.28 out of 4)</span>
      </li>

    </ul>
<p class="addendum">Graphs made possible by Wilson Miner&#8217;s <a href="http://alistapart.com/articles/accessibledatavisualization">Accessible Data Visualization</a>.</p>
</div>
</div>]]></description>
      <dc:subject>New York, Gotham, Green, Photo, Red, White, Yellow</dc:subject>
      <dc:date>2008-10-02T19:10:00-05:00</dc:date>
    </item>

    <item>
      <title>Cheesesteak Scorecard</title>
      <link>http://www.jasonsantamaria.com/feeder/?FeederAction=clicked&amp;feed=Articles&amp;seed=http%3A%2F%2Fjasonsantamaria.com%2Farticles%2Fcheesesteak-scorecard%2F&amp;seed_title=Cheesesteak+Scorecard</link>
      <guid>http://jasonsantamaria.com/articles/cheesesteak-scorecard/</guid>
      <description><![CDATA[<div id="col1">
<img src="/i/entry/cheesesteak-scorecard/scorecard.gif" class="border" />
</div>

<div id="col2">
<p class="lead">We&#8217;re fast approaching the <a href="http://jasonsantamaria.com/articles/cheesesteak-crawl/">Cheesesteak Crawl</a> happening this weekend and I wanted to post a quick update about the scorecard.</p>

<p>I tried to keep the scorecard pretty straightforward for the sake of cheesesteak n00bs and to keep us from spending too much time at each stop. We&#8217;re mostly looking at the basic factors that make a decent cheesesteak: roll, meat, cheese, taste, and the collective package. Additionally, we&#8217;ll be keeping track of the general ambiance&mdash;or in some cases, cleanliness&mdash;of the restaurants we&#8217;re visiting. I&#8217;ve included a handy sidebar detailing what to keep your taste buds aware of and the addresses of each venue for any stragglers.</p>

<p>For those who want to come prepared, or want to stage their own crawl, you can download the scorecard PDF below. I&#8217;ll be bringing enough copies and mini pencils for everyone attending.</p>

<p>We&#8217;ll be breaking up into smaller eating groups of four or five people, that way we can split cheesesteaks and rotate who&#8217;s buying. I&#8217;ll probably be skipping breakfast to free up space.</p>

<p>If you plan on attending, make sure to <a title="Cheesesteak Crawl event page" href="http://crush3r.com/page/lzelsrmixb">RSVP</a>. There&#8217;s a chance of rain on Saturday, but unless it&#8217;s a biblical deluge, we&#8217;re still on. Bring an umbrella just in case. I&#8217;ll email the list of attendees if we need to switch to Sunday. Please arrive on time and bring your cameras to document the gastronomical adventures. I hope to post the results online early next week. See you Saturday!</p>

<p class="download"><a href="/i/entry/cheesesteak-scorecard/cheesesteak-scorecard.pdf">Download Scorecard PDF</a></p>

<p><strong>UPDATE:</strong> <a href="http://jasonsantamaria.com/articles/meat-cheese-combo-proves-edible/">The results are in</a>!</p>
</div>]]></description>
      <dc:subject>New York, Black, White</dc:subject>
      <dc:date>2008-09-23T21:30:00-05:00</dc:date>
    </item>

    
    </channel>
</rss>