Plugins

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

BeautyTips


BeautyTips is a simple-to-use balloon-help style tootip plugin. Any element on the page can be set to show a talk-balloon containing any text or HTML on hover, click, or any bindable event. These balloons are drawn dynamically using the canvas HTML 5 element, and options include corner radius, spike length and width, stroke width. The balloons can auto-position based on the most available area in the current display window or they can be positioned according to an array of preferences (just left or right for instance).

Content text defaults to using the element's "title" tag, but can be configured to use any text or HTML. Content can also be provided by an ajax (ahah actually) callback.

The Canvas drawing element is the same technology used by Google Maps so this plugin should work in modern browsers. This includes Firefox, Safari (both desktop and iPhone), Chrome, and Opera. However, for IE support, be sure to use the ExplorerCanvas library created by Google to support Canvas in Explorer.

This plugin was created by Jeff Robbins of Lullabot. More information about BeautyTips can be found here and here. Keep up with development by following Jeff on Twitter.

Note that the zipped download file includes a demo and several other libraries (including ExplorerCanvas), so it's much bigger than the BeautyTips plugin itself.

Enough talk, check out the online demo and see it for yourself.

Downloads

Version Downloads Date Links
0.9.5-rc1 Notes
0.9.3 Notes
0.9.1 Notes


4.565215
Your rating: None Average: 4.6 (23 votes)