<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">

    <title type="text">Pixelmatrix Design</title>
    <subtitle type="text">Pixelmatrix Design: Links and Ramblings from Pixelmatrix Design</subtitle>
    <link rel="alternate" type="text/html" href="http://pixelmatrixdesign.com/weblog" />
    <link rel="self" type="application/atom+xml" href="http://pixelmatrixdesign.com/site/atom/" />
    <updated>2010-03-08T17:10:14Z</updated>
    <rights>Copyright (c) 2010, Pixelmatrix Design</rights>
    <generator uri="http://expressionengine.com/" version="1.6.7">ExpressionEngine</generator>
    <id>tag:pixelmatrixdesign.com,2010:03:08</id>


    <entry>
      <title>Introducing mapKey</title>
      <link rel="alternate" type="text/html" href="http://pixelmatrixdesign.com/weblog/comments/introducing_mapkey/" />
      <id>tag:pixelmatrixdesign.com,2010:weblog/1.109</id>
      <published>2010-03-08T16:20:12Z</published>
      <updated>2010-03-08T17:10:14Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <category term="Development"
        scheme="http://pixelmatrixdesign.com/site/category/development/"
        label="Development" />
      <category term="Downloads"
        scheme="http://pixelmatrixdesign.com/site/category/downloads/"
        label="Downloads" />
      <category term="jQuery"
        scheme="http://pixelmatrixdesign.com/site/category/jquery/"
        label="jQuery" />
      <content type="html"><![CDATA[
         <p>I&#8217;ve been seeing more and more websites offering great navigation with the keyboard, and I started wondering how i&#8217;d put it to use in my own work. That gave me an idea to make a jQuery plugin to make it super easy for anyone to add keyboard navigation to their site. I love keyboard navigation a lot, so please use this plugin!</p>
<p>mapKey lets you simply target any link on your site or call a function with a keyboard character. Using it is pretty simple:</p>
<p><code>$("a#next-page").mapKey("right");</code></p>
<p>Or, to call a function:</p>
<code>
$.mapKey("left", function(){<br />
&nbsp;&nbsp;alert("you hit the left button!");<br />
});<br/><br/>$.mapKey(&#8220;right&#8221;, rightFunction);
</code>
<p>Check out the <a href="http://pixelmatrixdesign.com/mapkey">demo</a>, <a href="http://github.com/pixelmatrix/mapkey/zipball/master">download it</a>, or <a href="http://github.com/pixelmatrix/mapkey">view the source on GitHub</a>.</p>       ]]></content>
    </entry>

    <entry>
      <title>What&#8217;s up lately</title>
      <link rel="alternate" type="text/html" href="http://pixelmatrixdesign.com/weblog/comments/whats_up_lately/" />
      <id>tag:pixelmatrixdesign.com,2010:weblog/1.108</id>
      <published>2010-03-08T15:30:39Z</published>
      <updated>2010-03-08T16:56:40Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <category term="Design"
        scheme="http://pixelmatrixdesign.com/site/category/design/"
        label="Design" />
      <category term="jQuery"
        scheme="http://pixelmatrixdesign.com/site/category/jquery/"
        label="jQuery" />
      <category term="News"
        scheme="http://pixelmatrixdesign.com/site/category/news/"
        label="News" />
      <category term="Travel"
        scheme="http://pixelmatrixdesign.com/site/category/trave/"
        label="Travel" />
      <content type="html"><![CDATA[
         <p>I haven&#8217;t been blogging much lately, as i&#8217;ve been super busy, but here&#8217;s some updates.</p>

<h3>Uniform 1.5</h3>

<p>I released a new and improved version of Uniform a few weeks ago, and it&#8217;s had a very positive response. New in 1.5 is a new sprite-based theme system, various speed and logic improvements, lots of bug fixes, and a new type of form control to style: File inputs. You can check out the <a href="http://pixelmatrixdesign.com/uniform" title="mini-site here">mini-site here</a>, and <a href="http://github.com/pixelmatrix/uniform" title="fork me or post bugs on github">fork me or post bugs on github</a>.</p>

<h3>Contracting at Jive</h3>

<p>I have been contracting in-house at Jive for the last month or so, and it&#8217;s been a great experience. I was mainly there to fill in for <a href="http://www.siglerdesign.com" title="Sig">Sig</a> as he became a new father, but i&#8217;ve been able to help out with a lot of cool things. It looks like i&#8217;ll be contracting there part time for the rest of March at least.</p>

<h3>joshpyles.com</h3>

<p>If you haven&#8217;t seen it, my personal tumblr is up in full force at <a href="http://joshpyles.com" title="http://joshpyles.com">http://joshpyles.com</a>. I&#8217;ve been meaning to skin it for quite a while and I finally got around to it.</p>

<h3>New domain alias: pixelmatrix.net/.org</h3>

<p>I have been after pixelmatrix.com for a while, and finally pixelmatrix.net and pixelmatrix.org opened up so I swiped them. Probably keeping pixelmatrixdesign.com as the main URL for quite a while, but if I had pixelmatrix.com i&#8217;d definitely make that the main one.</p>

<h3>New business cards</h3>

<p>I had some new business cards letterpressed recently, and they look awesome. If you see me, ask me for one. Don&#8217;t forget that I still have some buttons too, which leads me to my next point&#8230;</p>

<h3>Heading to SXSW this week</h3>

<p>I&#8217;ll be in Austin, TX this week for SXSW Interactive. Make sure to say hi! I'll have buttons and business cards to hand out.</p>       ]]></content>
    </entry>

    <entry>
      <title>Uniform updated to 1.5</title>
      <link rel="alternate" type="text/html" href="http://pixelmatrixdesign.com/uniform" />
      <id>tag:localhost,2010:~joshpyles/v3/index.php/site/index/2.107</id>
      <published>2010-02-10T20:28:24Z</published>
      <updated>2010-02-10T20:30:25Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <category term="jQuery"
        scheme="http://pixelmatrixdesign.com/site/category/jquery/"
        label="jQuery" />
      <category term="Sidenotes"
        scheme="http://pixelmatrixdesign.com/site/category/sidenotes/"
        label="Sidenotes" />
      <content type="html"><![CDATA[
        <p>If you haven&#8217;t already heard, I updated my Uniform plugin to v1.5, adding lots of bug fixes, and a couple features. Namely the ability to style File inputs. Along with the new release is a mini-site for the plugin. <a href="http://pixelmatrixdesign.com/uniform">Check it out!</p><p><a/>
</p> <a href="http://pixelmatrixdesign.com/uniform">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>jpyl.es</title>
      <link rel="alternate" type="text/html" href="http://jpyl.es" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.106</id>
      <published>2009-11-18T01:10:03Z</published>
      <updated>2009-11-18T01:12:05Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p>I made a fun little business card website yesterday. Check it out on the iPhone and on your desktop to see all of the awesomeness.
</p> <a href="http://jpyl.es">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>XUI &#45; Lightweight Javascript library for iPhone</title>
      <link rel="alternate" type="text/html" href="http://xuijs.com/" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.105</id>
      <published>2009-11-18T01:09:39Z</published>
      <updated>2009-11-18T01:12:41Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p>This library is like a very small subset of jQuery, so it&#8217;s perfect for mobile. Check it out.
</p> <a href="http://xuijs.com/">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>GetGravatar updated to 1.2</title>
      <link rel="alternate" type="text/html" href="http://pixelmatrixdesign.com/weblog/comments/getgravatar_updated_to_1.2/" />
      <id>tag:pixelmatrixdesign.com,2009:weblog/1.104</id>
      <published>2009-10-28T17:58:48Z</published>
      <updated>2009-10-28T18:28:49Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p><img src="http://pixelmatrixdesign.com/images/uploads/getgravatar-teaser.png" alt=""/></p>
<p>With an update <em>so big</em> that it had to skip a whole point, i'm happy to announce that GetGravatar is now updated to 1.2. Now with 100% less PHP required, and 50% less AJAX calls!</p>
<p>Basically, I removed the dependency on the PHP file, and integrated a couple of functions from the awesome <a href="http://phpjs.org/">php.js</a> project in order to speed things up significantly.</p>
<p><a href="http://pixelmatrixdesign.com/getgravatar/getgravatar-1.2.zip">Quick download link</a></p> <h3>Parameters</h3>
<ul>
<li><strong>fallback (string):</strong> URL to your placeholder image for if the user does not have a Gravatar. Must be an exact URL.</li>
<li><strong>avatarSize (number, 0-512):</strong> Size in pixels of the gravatar to fetch.</li>
<li><strong>avatarContainer (string):</strong> jQuery style selector of the <img> tag to put the gravatar in once it&#8217;s loaded. Default is "#gravatar".</li>
<li><strong>start (function):</strong> Function to run when it starts loading. Perfect place to put code for a Loading indicator.</li>
<li><strong>stop (function):</strong> Function to run when it&#8217;s done loading. Perfect place to put code to hide a Loading indicator.</li>
</ul>

<h3>Code examples:</h3>

<p>Barebones usage:</p>

<code>
$("#email-address").getGravatar();
</code>

<p>Simple parameters:</p>

<code>
<pre>
$("#email-address").getGravatar({
	fallback: 'http://myurl.com/images/default.png'
});
</pre>
</code>

<p>More parameters:</p>

<code>
<pre>
$("#email-address").getGravatar({
	fallback: 'http://myurl.com/images/default.png',
	avatarSize: 80,
	avatarContainer: '#gravatar-container'
});
</pre>
</code>


<p>Specify start and stop functions</p>

<code>
<pre>
$("#email-address").getGravatar({
	start: function(){
		$("loading").show();
	},
	stop: function(){
		$("loading").hide();
	}
});
</pre>
</code>

<p>You can download the plugin below:</p>
<div class="download">
<a href="http://pixelmatrixdesign.com/getgravatar/getgravatar-1.2.zip" class="filetype zip" title="Download getgravatar-1.2.zip">Download getgravatar-1.2.zip</a>
<p>ZIP Format, 41 kb</p>
</div>

<p>Or check it out on <a href="http://github.com/pixelmatrix/Get-Gravatar/tree/master" title="Github">Github</a>.</p>       ]]></content>
    </entry>

    <entry>
      <title>Finding Focus</title>
      <link rel="alternate" type="text/html" href="http://konigi.com/notebook/finding-focus-while-trying-work" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.103</id>
      <published>2009-10-28T17:42:33Z</published>
      <updated>2009-10-28T17:46:34Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p>Konigi knocks it out of the park here. I seriously need help with focus, and there are some great tips here.
</p> <a href="http://konigi.com/notebook/finding-focus-while-trying-work">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>The Simplest Solution Never Comes First</title>
      <link rel="alternate" type="text/html" href="http://the99percent.com/articles/5937/on-prototyping-the-simplest-solution-never-comes-first" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.102</id>
      <published>2009-10-12T17:41:44Z</published>
      <updated>2009-10-12T17:45:45Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p>Great article on prototyping and product development from the 99 percent. I always love hearing from designers who have worked on a huge project such as this, the Herman Miller &#8220;Setu&#8221; chair. Leaves us with hope: To those who search for it, the simplest solution is out there, it&#8217;s just not generally the first thing you come across.
</p> <a href="http://the99percent.com/articles/5937/on-prototyping-the-simplest-solution-never-comes-first">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>To Change Effectively, Change Just One Thing</title>
      <link rel="alternate" type="text/html" href="http://blogs.harvardbusiness.org/bregman/2009/10/i-lost-18-pounds-in.html" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.101</id>
      <published>2009-10-08T19:55:47Z</published>
      <updated>2009-10-08T19:56:48Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p>Peter Bregman talks about effective change by changing only one thing. It&#8217;s an interesting read, and while it&#8217;s not entirely focused on web design, I think it can apply to anything. Found via the always awesome <a href="http://www.konigi.com" title="Konigi">Konigi</a>
</p> <a href="http://blogs.harvardbusiness.org/bregman/2009/10/i-lost-18-pounds-in.html">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>Scroll Magazine, Issue #2</title>
      <link rel="alternate" type="text/html" href="http://scrollmagazine.com/number-2" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.100</id>
      <published>2009-10-08T19:47:56Z</published>
      <updated>2009-10-08T19:48:58Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p>The creative web design magazine Scroll has finally published their 2nd issue. Too bad it&#8217;s not available printed like the first one was. Still a great read if you have a chance.
</p> <a href="http://scrollmagazine.com/number-2">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>FMYI in the New York Times</title>
      <link rel="alternate" type="text/html" href="http://www.nytimes.com/external/gigaom/2009/10/07/07gigaom-fmyi-60--faster-sleeker-collaboration-via-a-faceb-14236.html" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.99</id>
      <published>2009-10-08T19:12:57Z</published>
      <updated>2009-10-08T19:49:59Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p><a href="http://fmyi.com">FMYI</a> recently launched the 6.0 version of their platform with a bit of a facelift from me. This is a write up in the New York Times about the new 6.0 release. I&#8217;ll be blogging about the experience as well pretty soon.
</p> <a href="http://www.nytimes.com/external/gigaom/2009/10/07/07gigaom-fmyi-60--faster-sleeker-collaboration-via-a-faceb-14236.html">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>New Sub&#45;Pixel hack for Snow Leopard</title>
      <link rel="alternate" type="text/html" href="http://orderedlist.com/articles/thining-text-in-safari-under-snow-leopard" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.98</id>
      <published>2009-09-21T18:10:47Z</published>
      <updated>2009-09-21T18:12:48Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p>So of course, with every major OS upgrade and Safari upgrade the sub-pixel hack is changed. For those who aren&#8217;t in the know, the sub-pixel hack is a technique used to force Safari to use softer text anti-aliasing creating a &#8220;smoother&#8221; look on the text. This time Ordered List found the new hack. Found via <a href="http://twitter.com/tdreyno" title="@tdreyno" rel="friend colleague met">@tdreyno</a>
</p> <a href="http://orderedlist.com/articles/thining-text-in-safari-under-snow-leopard">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>You&#8217;re Killing Me Zappos</title>
      <link rel="alternate" type="text/html" href="http://metalabdesign.com/zappos/" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.97</id>
      <published>2009-09-09T16:08:21Z</published>
      <updated>2009-09-09T16:09:22Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p>Andrew Wilkinson from Metalab gives Zappos some tips on their site. Pretty good suggestions i&#8217;d say!
</p> <a href="http://metalabdesign.com/zappos/">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>Cufon and sIFR compared</title>
      <link rel="alternate" type="text/html" href="http://tylersticka.com/2009/09/cufon-and-sifr/" />
      <id>tag:localhost,2009:~joshpyles/v3/index.php/site/index/2.96</id>
      <published>2009-09-07T22:39:11Z</published>
      <updated>2009-09-07T22:40:12Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p>Tyler Sticka compares and contrasts Cufon and sIFR side by side. Neat article if you&#8217;re trying to decide which one to use.
</p> <a href="http://tylersticka.com/2009/09/cufon-and-sifr/">&#x2318;&rarr;</a>      ]]></content>
    </entry>

    <entry>
      <title>Mod jQuery Sparkline to have a thicker line</title>
      <link rel="alternate" type="text/html" href="http://pixelmatrixdesign.com/weblog/comments/mod_jquery_sparkline_to_have_a_thicker_line/" />
      <id>tag:pixelmatrixdesign.com,2009:weblog/1.95</id>
      <published>2009-09-03T17:30:17Z</published>
      <updated>2009-09-15T05:11:18Z</updated>
      <author>
            <name>Josh Pyles</name>
            <email>josh@pixelmatrixdesign.com</email>
                  </author>

      <content type="html"><![CDATA[
        <p><strong>9/14/09 - Update:</strong> <a href="http://omnipotent.net/jquery.sparkline/" title="jQuery.sparkline">jQuery.sparkline</a> 1.4.3 now supports a lineWidth attribute</p>

<p>I prefer sparklines with a thicker line, something like 2-3px looks better to me than thin 1px lines in charts. I recently needed to use the <a href="http://omnipotent.net/jquery.sparkline/" title="jQuery sparklines">jQuery sparklines</a> plugin but there was no parameter for how to make the line thicker. After much searching through the source code I found the answer.
</p> <p>First, make sure you have a copy of the <a href="http://omnipotent.net/jquery.sparkline/1.4.2/jquery.sparkline.js" title="non-minified version">non-minified version</a> so you can see what you&#8217;re doing.</p>

<p>Find line <em>796</em> and change <strong>context.lineWidth</strong> to however thick you want the line to be. This changes the code for the <strong>canvas</strong> implementation.</p>

<p>To make it work in IE as well, find line <em>880</em> and change <strong>strokeWeight</strong> to the same # you used above. This changes the code for the <strong>VML</strong> implementation.</p>

<p>Hope this helps someone out. Perhaps the owner of jQuery Sparkline can make this a built in parameter. It seems like something that many people would want to change.</p>

       ]]></content>
    </entry>


</feed>