<!doctype html>
<html>
  <head>
    <title>Brandon Aaron : Code</title>
    <meta content='text/html; charset=utf-8' http-equiv='Content-type' />
    <link href='/favicon.ico' rel='shortcut icon' />
    <link href="http://feeds.feedburner.com/BrandonAaron" rel="alternate" title="Brandon Aaron's RSS Feed" type="application/rss+xml">
    <link href="/stylesheets/base_packaged.css?1266171387" media="screen" rel="stylesheet" type="text/css">
    
    <script type="text/javascript">
    //<![CDATA[
    var AUTH_TOKEN = "bde7b66871ab734b5bf2ba41b64d6fcbbef23ff0";
    //]]>
    </script>
    <script type='text/javascript'>
      document.documentElement.className = 'js';
    </script>
  </head>
  <body class='code index'>
    <div id='page'>
      <div id='header'>
        <h1>
          <a href='/'>Brandon Aaron</a>
        </h1>
        <ul>
          <li class=''>
            <a href='/blog'>Blog</a>
          </li>
          <li class='selected'>
            <a href='/code'>Code</a>
          </li>
          <li class=''>
            <a href='/portfolio'>Portfolio</a>
          </li>
          <li class=''>
            <a href='/me'>Me</a>
          </li>
          <li class=''>
            <a href='/search'>Search</a>
          </li>
        </ul>
        <p class='hosted_by'>Hosted by <a href="http://www.mediatemple.net/" class="external">Media Temple</a></p>
      </div>
      <div id='body'>
        <div id='primary'>
          <h2>My jQuery Plugins</h2>
          <!-- %div.freelance -->
          <!-- %h3 Need Something Else? -->
          <!-- %p Like maybe a custom plugin, a simple tweak, just a little help, or even a lot of help? -->
          <!-- %p <a href="/me/contact">Let me know</a> what you need and I'll get you an estimate. -->
          <p>I&#8217;ve amassed a few plugins over the last few years. Several of my more popular plugins have been merged into jQuery core in one form or&nbsp;another.</p>
          <div class='code_projects'>
            <div class='code_project'>
              <h3>
                <a href='/code/batch/docs'>batch</a>
              </h3>
              <p>Batch is a jQuery plugin that gives you the ability to batch the results of any jQuery method or plugin into an&nbsp;Array.</p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='/code/bgiframe/docs'>bgiframe</a>
              </h3>
              <p>A jQuery plugin that helps ease the pain when having to deal with <span class="caps">IE</span> z-index&nbsp;issues.</p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='/code/copyevents/docs'>copyevents</a>
              </h3>
              <p>A jQuery plugin that provides method for copying events from one element to&nbsp;another.</p>
            </div>
          </div>
          <div class='code_projects'>
            <div class='code_project'>
              <h3>
                <a href='/code/countable/docs'>countable</a>
              </h3>
              <p>A jQuery plugin that provides an unobtrusive input and textarea character&nbsp;counter.</p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='/code/each_slice/docs'>each_slice</a>
              </h3>
              <p>jQuery plugin that lets you iterate the given function for each slice of <n>&nbsp;elements.</p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='/code/expandable/docs'>expandable</a>
              </h3>
              <p>A jQuery plugin that auto-expands textareas to fit the contents as a user&nbsp;types.</p>
            </div>
          </div>
          <div class='code_projects'>
            <div class='code_project'>
              <h3>
                <a href='/code/livequery/docs'>livequery</a>
              </h3>
              <p>Live Query utilizes the power of jQuery selectors by binding events or firing callbacks for matched elements auto-magically, even after the page has been loaded and the <span class="caps">DOM</span>&nbsp;updated.</p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='/code/mousewheel/docs'>mousewheel</a>
              </h3>
              <p>A jQuery plugin that adds cross-browser mouse wheel&nbsp;support.</p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='/code/overlabel/docs'>overlabel</a>
              </h3>
              <p>A jQuery plugin to help implement the over label technique described in Making Compact Forms More Accessible by Mike Brittain on&nbsp;<span class="caps">ALA.</span></p>
            </div>
          </div>
          <div class='code_projects'>
            <div class='code_project'>
              <h3>
                <a href='/code/overlaps/docs'>overlaps</a>
              </h3>
              <p>A jQuery plugin that detects if one or more elements are&nbsp;overlapping.</p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='/code/spellcheck/docs'>spellcheck</a>
              </h3>
              <p>A jQuery plugin that adds spellcheck support to inputs using the Google spell checker&nbsp;<span class="caps">API.</span></p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='/code/virtualdomevents/docs'>Virtual DOM Events</a>
              </h3>
              <p>A collection of jQuery special events that provide more precision over normal <span class="caps">DOM</span>&nbsp;events.</p>
            </div>
          </div>
          <div style='clear: both;'></div>
          <h2>Other Projects</h2>
          <p>These are other projects that I've either written myself or contribute to.</p>
          <div class='code_projects'>
            <div class='code_project'>
              <h3>
                <a href='/code/connect4js/demos'>Connect4.js</a>
              </h3>
              <p>A Connect 4 Algorithm written entirely in JavaScript using Web Workers to offload the game&nbsp;<span class="caps">AI.</span></p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='http://code.google.com/p/enhancejs'>EnhanceJS</a>
              </h3>
              <p>EnhanceJS is a new Javascript framework designed to improve the application of Progressive&nbsp;Enhancement.</p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='http://jquery.com/'>jQuery</a>
              </h3>
              <p>Designed to change the way that you write&nbsp;JavaScript.</p>
            </div>
          </div>
          <div class='code_projects'>
            <div class='code_project'>
              <h3>
                <a href='http://github.com/brandonaaron/jQuery-idocs'>jQuery idocs</a>
              </h3>
              <p>API documentation for jQuery built specifically for iPhone/iPod touch with offline&nbsp;access.</p>
            </div>
            <div class='code_project'>
              <h3>
                <a href='http://github.com/brandonaaron/scrollable'>Scrollable</a>
              </h3>
              <p>Smooth scrolling for the iPhone/iPod Touch using <span class="caps">CSS</span>&nbsp;Transforms.</p>
            </div>
          </div>
        </div>
        <div id='secondary'>
          
        </div>
      </div>
    </div>
    <div id='footer'>
      <p>Except where otherwise noted, content on this site is licensed under a&nbsp;Creative&nbsp;Commons&nbsp;Attribution&nbsp;3.0&nbsp;License</p>
    </div>
    <script src="/javascripts/base_packaged.js?1266171386" type="text/javascript"></script>
    
    <script type='text/javascript'>
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-541795-1']);
      _gaq.push(['_trackPageview']);
      (function() {
      var ga = document.createElement('script');
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      ga.setAttribute('async', 'true');
      document.documentElement.firstChild.appendChild(ga);
      })();
    </script>
  </body>
</html>
