jQuery Roundup: modplug, NailThumb, HiddenPosition

2012-04-10 00:00:00 +0100 by Alex R. Young
Note: You can send your plugins and articles in for review through our contact form or @dailyjs.


modplug (GitHub: lrsjng / modplug, License: MIT) by Lars Jung is an abstraction on top of jQuery plugins that makes adhering to jQuery's Plugins/Authoring document a little bit easier.

Using modplug to define a plugin will automatically put methods under the same "namespace". Static methods can also be defined:

modplug('color', {
  statics: {
    random: function() {
      return 'hsl(' + Math.floor(Math.random() * 360) + ',95%,75%)';

  methods: {
    back: function(col) {
      return this.each(function () {
        $(this).css('background-color', col);

$(selector).color('back', '#f00');

// get a hsl formatted color string
var col = $.color.random();


NailThumb (Repository: SourceForge / NailThumb, License: GPL v3) from Garralab is an image thumbnail plugin that can apply animation effects and a scrolling tooltip. A container is assumed, so basic usage looks like this: $('.nailthumb-container').nailthumb().

CSS has been supplied, and there are also LESS mixins.


HiddenPosition (Repository: SourceForge / HiddenPosition, License: GPL v3) also from the developers at Garralab is based on jQuery UI Position, but has been adapted to work with hidden elements. There's an interactive demo on the project's page that shows how it works.

The API is compatible with $().position, so existing jQuery UI projects can simply swap this with $().hiddenPosition.