jQuery Roundup: modplug, NailThumb, HiddenPosition

10 Apr 2012 | By Alex Young | Tags jquery plugins images thumbnails jqueryui
Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

modplug

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

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

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.


blog comments powered by Disqus