jQuery Roundup: grumble.js, miniTip, Mosaiqy

26 Jul 2011 | By Alex Young | Tags jquery plugins tooltips galleries

Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

grumble.js

grumble.js (GitHub: jamescryer / grumble.js) by James Cryer and Huddle.com is a very flexible tooltip library:

A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles.

It uses CSS3, but will use Microsoft’s proprietary filters for IE6+.

The example seen on the site’s homepage works like this:

$('h1').grumble({
	text: 'Bubble-tastic!', 
	angle: 85, 
	distance: 100, 
	showAfter: 500 
});

miniTip

miniTip (GitHub: goldfire / miniTip, License: MIT and GPL) by James Simpson is a lightweight tooltip plugin. This one uses title attributes to display neat little tooltips.

There are options for customising the content, delay, events, animations, but the most basic usage is just $('#tip).miniTip();.

Mosaiqy

Mosaiqy (GitHub: fcalderan / mosaiqy, License: CC BY-ND 3.0) by Fabrizio Calderan is a plugin for displaying images in a grid and manipulating them with animations. HTML5 and JSON/JSONP are used for the templates and data. CSS3 hardware acceleration is used where available, and it will fetch data from popular sites like Flickr and Instagram.

Full details of usage and configuration options can be found at fabriziocalderan.it/mosaiqy.


blog comments powered by Disqus