<!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?1235329113" media="screen" rel="stylesheet" type="text/css">
    <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>
          <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>
          <dl class='code_projects'>
            <dt>batch</dt>
            <dd class='links'>
              <ul>
                <li>
                  <a href='/code/batch/demos'>Demos</a>
                </li>
                <li>
                  <a href='http://docs.jquery.com/Plugins/batch'>Docs</a>
                </li>
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/batch?categories=support&amp;states=all'>Support</a>
                </li>
                <li>
                  <a class='external' href='http://plugins.jquery.com/node/1039/release'>Download</a>
                </li>
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery.batch/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>Batch is a jQuery plugin that gives you the ability to batch the results of any jQuery method or plugin into an Array.</dd>
            <dt>bgiframe</dt>
            <dd class='links'>
              <ul>
                <li>
                  <a href='http://docs.jquery.com/Plugins/bgiframe'>Docs</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => '/code/bgiframe/demos' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/bgiframe?categories=support&amp;states=all'>Support</a>
                </li>
                <li>
                  <a class='external' href='http://plugins.jquery.com/node/46/release'>Download</a>
                </li>
                <li>
                  <a class='external' href='http://github.com/brandonaaron/bgiframe/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin that helps ease the pain when having to deal with IE z-index issues.</dd>
            <dt>copyevents</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/bgiframe?categories=support&amp;states=all'>Support</a>
                </li>
                <li>
                  <a class='external' href='http://plugins.jquery.com/node/62/release'>Download</a>
                </li>
                <li>
                  <a class='external' href='http://github.com/brandonaaron/copyevents/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin that provides method for copying events from one element to another.</dd>
            <dt>countable</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/countable?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/5787/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-countable/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin that provides an unobtrusive input and textarea character counter.</dd>
            <dt>each_slice</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/each_slice?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/5788/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-each_slice/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>jQuery plugin that lets you iterate the given function for each slice of <n> elements</dd>
            <dt>expandable</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/expandable?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/5778/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-expandable/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin that auto-expands textareas to fit the contents as a user types.</dd>
            <dt>getfeed</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/getfeed?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/5779/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-getfeed/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin wrapper for using the Google feeds API.</dd>
            <dt>getscrollbarwidth</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/getscrollbarwidth?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/5780/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-getscrollbarwidth/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin to retrieve the width of a system scrollbar.</dd>
            <dt>gradient</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/gradient?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/152/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-gradient/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin that adds a dynamically created configurable gradient to the background of an element without the use of images.</dd>
            <dt>mousewheel</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/mousewheel?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/49/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-mousewheel/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin that adds cross-browser mouse wheel support.</dd>
            <dt>outerhtml</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/outerhtml?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/5781/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-outerhtml/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin for getting the outerHTML of an element.</dd>
            <dt>overlabel</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/another_overlabel?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/5782/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-overlabel/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin to help implement the over label technique described in Making Compact Forms More Accessible by Mike Brittain on ALA.</dd>
            <dt>scrollwindow</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/scrollwindow?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/5784/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-scrollwindow/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A scroll window plugin for jQuery.</dd>
            <dt>spellcheck</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/spellcheck?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/3426/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-spellcheck/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin that adds spellcheck support to inputs using the Google spell checker API.</dd>
            <dt>swap</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/swap?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/5786/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jquery-swap/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin to swap elements within the DOM.</dd>
            <dt>livequery</dt>
            <dd class='links'>
              <ul>
                <li>
                  <a class='external' href='http://docs.jquery.com/Plugins/livequery'>Docs</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/livequery?categories=support&amp;states=all'>Support</a>
                </li>
                <li>
                  <a class='external' href='http://plugins.jquery.com/node/59/release'>Download</a>
                </li>
                <li>
                  <a class='external' href='http://github.com/brandonaaron/livequery/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>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 DOM updated.</dd>
            <dt>viewable</dt>
            <dd class='links'>
              <ul>
                <!-- %li -->
                <!-- %a{ :href => '#' } Docs -->
                <!-- %li -->
                <!-- %a{ :href => '#' } Demos -->
                <li>
                  <a class='external' href='http://plugins.jquery.com/project/issues/viewable?categories=support&amp;states=all'>Support</a>
                </li>
                <!-- %li -->
                <!-- %a{ :href => 'http://plugins.jquery.com/node/1040/release', :class => 'external' } Download -->
                <li>
                  <a class='external' href='http://github.com/brandonaaron/viewable/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A jQuery plugin that allows you to know when an element is in view and what percentage of the element is viewable.</dd>
          </dl>
          <h2>A Few Other Projects</h2>
          <dl class='code_projects'>
            <dt>basecampjs</dt>
            <dd class='links'>
              <ul>
                <li>
                  <a class='external' href='http://github.com/brandonaaron/basecampjs/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>A JavaScript wrapper for the Basecamp API to be used in an environment like AIR.</dd>
            <dt>jspy</dt>
            <dd class='links'>
              <ul>
                <li>
                  <a class='external' href='http://github.com/brandonaaron/jspy/tree/master'>Source</a>
                </li>
              </ul>
            </dd>
            <dd>Python method names with JavaScript code. My little exercise for helping me learn Python.</dd>
          </dl>
        </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?1235329112" type="text/javascript"></script>
    <script src='http://www.google-analytics.com/ga.js' type='text/javascript'></script>
    <script type='text/javascript'>
      var pageTracker = _gat._getTracker("UA-541795-1");
      _udn="brandonaaron.net";
      pageTracker._initData();
      pageTracker._trackPageview();
    </script>
  </body>
</html>

