<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>patnakajima.com: Posts</title>
    <description>Aggregating and aggravating since 1986.</description>
    <link>http://blog.patnakajima.com/posts.rss</link>
    <item>
      <title></title>
      <description>Just got word of a great opportunity via email. And from Nigeria of all places! Only thing is I need to act quickly! Where's my checkbook?</description>
      <author>Twitter / nakajima</author>
      <guid>http://twitter.com/nakajima/statuses/889085908</guid>
      <pubDate>Sat, 16 Aug 2008 02:31:28 +0000</pubDate>
      <link>http://twitter.com/nakajima/statuses/889085908</link>
    </item>
    <item>
      <title></title>
      <description>Cleaning the apartment is like refactoring. Much better to do constantly in small bits than to let things pile up and start to smell.</description>
      <author>Twitter / nakajima</author>
      <guid>http://twitter.com/nakajima/statuses/883079034</guid>
      <pubDate>Sun, 10 Aug 2008 06:34:22 +0000</pubDate>
      <link>http://twitter.com/nakajima/statuses/883079034</link>
    </item>
    <item>
      <title></title>
      <description>Open Source is for free and Consulting is for money. In both cases I like to work hard, write lots of code, and accumulate and share knowledge.</description>
      <author>Pat Nakajima</author>
      <guid>/quotes/open-source-is-for-free-and-consulting-is-for-money-in-both-cases-i-like-to-work-hard-write-lots-of-code-and-accumulate-and-share-knowledge</guid>
      <pubDate>Tue, 05 Aug 2008 04:01:00 +0000</pubDate>
      <link>http://blog.patnakajima.com/quotes/open-source-is-for-free-and-consulting-is-for-money-in-both-cases-i-like-to-work-hard-write-lots-of-code-and-accumulate-and-share-knowledge</link>
    </item>
    <item>
      <title>My Cuil experience</title>
      <description>&lt;p&gt;With all the hubbub about &lt;a href="http://cuil.com"&gt;Cuil&lt;/a&gt; these days, I thought I&amp;#8217;d give it a whirl. And what better way to try out a new search engine than a self-search?&lt;/p&gt;


&lt;div style="float:right; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-top: 10px;"&gt;
&lt;img src="http://s3.amazonaws.com/patnakajima/images/cuil-ok.png" alt="" /&gt;
&lt;/div&gt;

	&lt;p&gt;Cuil found most of the pertinent details about me, though there were a few unanswered questions. The biggest mystery, of course, was who on earth is the guy that they pictured next to the result for &lt;a href="http://patnakajima.com"&gt;patnakajima.com&lt;/a&gt;?&lt;/p&gt;


	&lt;p&gt;The only other weird thing about Cuil is how much their results just look like Google ads, which I strive so hard to ignore when looking at regular Google search results.&lt;/p&gt;</description>
      <author>Pat Nakajima</author>
      <guid>/articles/my-cuil-experience</guid>
      <pubDate>Wed, 30 Jul 2008 01:17:05 +0000</pubDate>
      <link>http://blog.patnakajima.com/articles/my-cuil-experience</link>
    </item>
    <item>
      <title></title>
      <description>Before you use a method in a legacy system, check to see if there are tests for it. If there aren't, write them.</description>
      <author>Pat Nakajima</author>
      <guid>/quotes/before-you-use-a-method-in-a-legacy-system-check-to-see-if-there-are-tests-for-it-if-there-aren-t-write-them</guid>
      <pubDate>Tue, 29 Jul 2008 20:38:45 +0000</pubDate>
      <link>http://blog.patnakajima.com/quotes/before-you-use-a-method-in-a-legacy-system-check-to-see-if-there-are-tests-for-it-if-there-aren-t-write-them</link>
    </item>
    <item>
      <title>Remember the :active styles</title>
      <description>&lt;p&gt;The hyperlinks of today look way better than they did five years ago. Designers and developers have become better and better at styling links to not only be usable, but beautiful as well. We know how to indicate the basic behavior of a link using only color (for example, red usually indicates a destructive action). And we know how to style links to give them a stronger affordance of click-ability.&lt;/p&gt;


	&lt;p&gt;Most web applications make clever use of the &lt;code&gt;:hover&lt;/code&gt; pseudo-class, which allows us to tweak link backgrounds to add an even stronger affordance of click-ability, and draws the eye to the link, which focuses the user on task at hand. All of &lt;a href="http://37signals.com"&gt;37signals&amp;#8217;&lt;/a&gt; apps provide great examples of tasteful rollover link styles.&lt;/p&gt;


	&lt;p&gt;&lt;strong class="highlight"&gt;When we begin to think about rollover styles, we&amp;#8217;re no longer thinking about how the app looks. We&amp;#8217;re thinking about how it feels.&lt;/strong&gt; Different styles for link rollovers make a page feel much more responsive. Everybody these days knows this, and takes advantage of it.&lt;/p&gt;


	&lt;p&gt;Unfortunately, few people take advantage of the &lt;code&gt;:active&lt;/code&gt; pseudo-class, which allows you to style the link differently while it&amp;#8217;s being clicked. This is just as important, if not &lt;em&gt;more&lt;/em&gt; important than the rollover state. Changing a link&amp;#8217;s &lt;code&gt;:active&lt;/code&gt; style provides immediate visual feedback that the link is being clicked.&lt;/p&gt;


	&lt;p&gt;Try clicking each of the following links. See which feels better.&lt;/p&gt;


&lt;div id="active_example"&gt;
  &lt;p&gt;&lt;a href="#" id="noActive" onclick="return false;"&gt;This link does not have an active state.&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;&lt;a href="#" id="yesActive" onclick="return false;"&gt;This link does have an active state.&lt;/a&gt;&lt;/p&gt;
  &lt;style type="text/css" media="screen"&gt;
    #noActive:hover, #yesActive:hover { background: #313131; text-decoration: none; }
    #active_example a { padding: 0.2em; }
    #noActive:active { background: #313131; }
    #yesActive:active { background: #000; }
  &lt;/style&gt;
&lt;/div&gt;

	&lt;p&gt;The chances of a person successfully completing a task increase with the level of feedback that that he/she receives before, while, and after performing that task. (if you&amp;#8217;ve read &lt;a href="http://www.amazon.com/Design-Everyday-Things-Don-Norman/dp/0465067107"&gt;The Design of Everyday Things&lt;/a&gt;, you know what I&amp;#8217;m talking about). With links, the &amp;#8220;before&amp;#8221; feedback can be achieved using &lt;code&gt;:hover&lt;/code&gt; styles, and the &amp;#8220;after&amp;#8221; feedback is usually just the browser doing something, be it going to a different page or just updating something dynamically. &lt;strong class="highlight"&gt;The &amp;#8220;during&amp;#8221; feedback can be achieved by simply using a good &lt;code&gt;:active&lt;/code&gt; style.&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Now, just as much thought must be given to a link&amp;#8217;s &lt;code&gt;:active&lt;/code&gt; style as to its &lt;code&gt;:hover&lt;/code&gt; style, if not more. Usually, a click is less than a second, so changing the style too much can be distracting, and actually do more harm than good. I&amp;#8217;ve found that the best &lt;code&gt;:active&lt;/code&gt; styles tend to just make the background a bit darker. I first saw this on &lt;a href="http://flickr.com"&gt;flickr&lt;/a&gt; (which was where I first noticed the &lt;code&gt;:active&lt;/code&gt; state in use and fell in love). You might also think about adding an underline during the click. Experiment and see what works best for you.&lt;/p&gt;


	&lt;p&gt;One thing&amp;#8217;s for sure though. Once you feel the difference in your web apps between a good &lt;code&gt;:active&lt;/code&gt; style and a non-existent one, you&amp;#8217;ll wish every site made use of them.&lt;/p&gt;</description>
      <author>Pat Nakajima</author>
      <guid>/articles/remember-the-active-styles</guid>
      <pubDate>Tue, 29 Jul 2008 02:45:40 +0000</pubDate>
      <link>http://blog.patnakajima.com/articles/remember-the-active-styles</link>
    </item>
    <item>
      <title></title>
      <description>At the Field Tested Books reading. Can't really hear anything, since there's a private party going on in the same area.</description>
      <author>Twitter / nakajima</author>
      <guid>http://twitter.com/nakajima/statuses/871051736</guid>
      <pubDate>Mon, 28 Jul 2008 23:44:36 +0000</pubDate>
      <link>http://twitter.com/nakajima/statuses/871051736</link>
    </item>
    <item>
      <title></title>
      <description>If I wrote a story on toilet paper about how (Apple|Google|37Signals) is the new Microsoft, then flushed it, it'd still get on Hacker News.</description>
      <author>Twitter / nakajima</author>
      <guid>http://twitter.com/nakajima/statuses/870823981</guid>
      <pubDate>Mon, 28 Jul 2008 18:52:46 +0000</pubDate>
      <link>http://twitter.com/nakajima/statuses/870823981</link>
    </item>
    <item>
      <title></title>
      <description>Waiting for my hyper-mustachio'd gravatar picture to propagate to GitHub. Much forking will ensue.</description>
      <author>Twitter / nakajima</author>
      <guid>http://twitter.com/nakajima/statuses/870762185</guid>
      <pubDate>Mon, 28 Jul 2008 17:38:02 +0000</pubDate>
      <link>http://twitter.com/nakajima/statuses/870762185</link>
    </item>
    <item>
      <title></title>
      <description>Star Wars debates with self-proclaimed "warriors from the ghetto" umm... FTW</description>
      <author>Twitter / nakajima</author>
      <guid>http://twitter.com/nakajima/statuses/869535397</guid>
      <pubDate>Sun, 27 Jul 2008 05:44:47 +0000</pubDate>
      <link>http://twitter.com/nakajima/statuses/869535397</link>
    </item>
  </channel>
</rss>
