firequery – jQuery love for Firebug right

Firequery from Antonin Hildebrand is a neat tool that adds jQuery features to Joe Hewitt’s FireBug add-on for Firefox including: jQuery expressions are intelligently presented in Firebug Console and DOM inspector attached jQuery datas are first class citizens elements in jQuery collections are highlighted on hover jQuerify: enables you to inject jQuery into any web [...]

JSpec: Robust BDD for both client and server JavaScript right

JSpec from @visionmedia wants to be your BDD framework no matter where you run your JavaScript. JSpec supports not only JavaScript in the browser and popular client-side frameworks like jQuery, it also supports server-side JavaScript including Rhino and Node.js. From the README specs may be written using JSpec grammar: describe ‘ShoppingCart’ before_each cart = new [...]

jquery.behavior: chunk up your jQuery into ‘behaviors’ right

If you’ve written more than a trivial amount of jQuery, you quickly wonder about the best way to organize your JavaScript. @rodpetrovic’s take is called jquery.behavior: // 1. Create behavior: function BadBehavior(element, config) { this.misbehave = function () { alert(‘Oh behave!’); } } // 2. Attach behavior: $(‘.bad-behavior’).behavior(BadBehavior); // 3. Use behavior: $(‘.bad-behavior’).behavior(‘misbehave’); // alert(‘Oh [...]

Slidify: Lightweight slider plugin for jQuery right

A lightweight jQuery plugin that transforms input elements into UI Slider controls: Example from the README: <input type=”text” value=”0″ name=”lol” id=”lol” class=”example”> <input type=”text” value=”0″ name=”lol2″ id=”lol2″ class=”example”> $(document).ready(function() { $(“.example”).slidify({ width: 400, height: 20, /* wrapperClass/sliderClass are provided by default, no need to specify if you don’t want */ wrapperClass: “slidify_slider_container”, sliderClass: “slidify_slider_knob”, maxValue: [...]

Masonry: Grid layout for jQuery right

Cool layout plugin for jQuery from @desandro with support for infinite scroll as well. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. [Source on GitHub] [Homepage] [Demos]

jQuery-Haml: A Haml-like language written in JSON right

WOW! Haml is making in-roads to JSON! jQuery-haml is a Haml-like language written in JSON. This allows for easy DOM building so that web apps can do more work independent of the server for a better user experience. You can see a small example page using it at http://static.creationix.com/jquery-haml/examples/index.html. View the source to see that [...]

TopUp – Powerful lightbox plugin for jQuery right

Handles images, flash, movies, iframes, DOM elements and raw HTML. Compress and CSS sprite-driven, it weighs in at only 33.4KB. A number of presets and toptions make setup easy. [Visit the site] [View the demo]