Azoff Design

The project-driven portfolio of Jonathan Azoff.

• Flicka1K | A JS1K Submission

  Flicka1K is an experiment in building the smallest possible implementation of a Flickr search interface using modern JavaScript and CSS3. Images are queried by tag, and loaded into a CSS3-powered grid. The final script weighs in at exactly one kilobyte... read more
• Changed | DOM Change, the way it should've worked

  The DOM "change" event on input-type elements is fundamentally broken. The justification for this claim comes from its inconsistency across different types input elements. Not only is the criteria for triggering the event different across elements, but the value of the element (upon change) may not even be applicable for form submission (i.e. an unchecked... read more
• AutoResize | Automatically resize textareas on input

  AutoResize is a very basic jQuery plug-in that provides an "automatic resize" effect on textarea elements. When a user types text into an autoresized textarea, the textarea resizes itself to make sure all of the input text remains visible. Unlike other plug-ins that attempt to solve the same problem, AutoResize does not rely on obtrusive cloned elements... read more
• Overscroll | An iOS scrolling emulator for jQuery

  Overscroll is a jQuery plug-in that mimics the iphone/ipad scrolling experience in a browser. The plug-in adds a draggable drift to overflowed DOM elements as well as a set of fading 'thumbs'. OverScroll runs best on Safari 5+, Chrome 5+, and Firefox 3+ but should run just fine on most modern browsers. Below you can find an interactive demo of overscroll... read more
• The HTML5 Piano | A piano that runs in your browser

  Interested in getting a taste of what modern browsers can do? Enter The HTML5 Piano. This little JavaScript plug-in creates a keyboard piano that runs in your browser without any dependence on external plug-ins! Simply mouse down on a key to play a note or use the keyboard for total control. As a note, the piano does depend on draft-based technology,... read more
• jWave | Easily embed Google Wave with jQuery

  jWave is a small jQuery plug-in that facilitates the embedding of Google Wave into a blog or website. jWave only depends on jQuery, and loads the rest of its requirements dynamically, checking first to see if they exist. To use jWave, simply follow the instructions on this page. For power users, the API documentation below will allow full control over... read more