Filtrify – Tag Filtering jQuery Plugin

Filtrify is a jQuery plugin that displays a drop down selection menu (or multiple menu’s from different categories) with a list of tags that filter items based on the HTML5 data attribute.

The tags in the menu are automatically populated from the data provided in the items data attribute and are grouped by category. For example:  <li data-genre="pop, rock, british, classic rock, The Beatles"></li>

The plugin has some useful options where you can choose not to hide selected items by default and do other things like apply different CSS instead. Also, if you are already using the data attribute in the HTML, you can choose to block some metadata so that it is not recognised as a category.

Wrap Content Around an Image with jQuery SlickWrap

SlickWrap is a jQuery plugin that fully and accurately wraps text around a floated image instead of the image’s bounding box.

It uses canvas so it should only be used as a progressive enhancement for browsers that support it.

The padding between the image and the text can be defined by adding the CSS padding style to the image.

There are also some settings available to tweak the positioning by adjusting the background colour of the image and the height of the div elements that are created resulting from the creation of the canvas element.