jQuery Wisdom » Layout

BiDi jQuery Plugin

Jim — Sat, 19 Sep 2009 17:44:31 +0000

BiDi is a simple jQuery plugin to set line direction (dir attribute) based on element textual content (checks for the first strongly directional letter).

BiDi jQuery Plugin uses Jquery to automatically set directionality attributes of HTML elements based on first strongly directional letter in the element. useful when you mix RTL and LTR languages in one website.
Web Site
Download

Background canvas drawing jQuery Plugin

Jim — Sat, 19 Sep 2009 17:39:55 +0000

The BackgroundCanvas jQuery Plugin automates the insertion of the canvas object behind the content (z-order). It also provides higher level drawing functions for round corners and tabs.

BackgroundCanvas helps to decorate a semantic html/css layout. It places a backgroundCanvas helps to decorate a semantic html/css layout. It places a

Web Site
Demo
Download

Auto line-height jQuery Plugin

Jim — Sat, 19 Sep 2009 17:21:26 +0000

This plugin adjusts the line-height of selected elements in proportion to their width, relative to the font size.

Auto Line Height jQuery Plugin

The best thing about packaging a reusable piece of JavaScript as a jQuery plugin is how easy it becomes to reuse it. With jQuery, jQEm and jquery.autolineheight all linked into the HEAD of your HTML page, very little further code is required to assign the behaviour to the desired element or elements in your page.
Web Site
Demo
Download

Align With jQuery Plugin

Jim — Sat, 19 Sep 2009 17:17:50 +0000

Align With is a simple plugin to re-position one or more HTML elements to be aligned with another element.

By using the Align With jQuery Plugin, elements can be aligned by corners, edges and centre-points – ideal for dynamic content such as menus and tooltips.
Web Site
Download

9-Grid Background Image Scaling jQuery Plugin

Jim — Sat, 19 Sep 2009 15:36:36 +0000

A jQuery plugin that adds support for scaling background images using a 9-grid.

This plugin adds support for scaling background images using a 9-grid. Developers can specify a grid for selected elements which causes the background-image to be scaled selectively, depending on what part of the grid the background lies.
Web Site
Demo
Download

Tooltip jQuery Plugin

Jim — Sat, 19 Sep 2009 15:34:02 +0000

Nice tooltip for yor pages can be created with this jQuery Plugin!

Tooltip jQuery Plugin is a beautiful alternative to the age old default tooltip. Now you can replace the ugly default tooltip with this smart and nice one!
Web Site
Demo
Download

Tabset jQuery Plugin

Jim — Sat, 19 Sep 2009 15:30:42 +0000

A plugin that lets you choose your content and sort your tabs.

A usefull component that let you build a tabbed interface really easily; ad you can sort your tab as you want!
Web Site
Demo
Download

Masked Gallery

Jim — Sat, 19 Sep 2009 15:21:08 +0000

Slide your images into a mask!

Build your own png mask and choose your images to slide inside!
Web Site
Demo
Download

(mb)Gallery jQuery Plugin – Another way to present your photo gallery!

Jim — Sat, 19 Sep 2009 14:38:45 +0000

A full featured image gallery, with nav toolbar, thumbnails, autosize frame.

With the wonderful mbGallery jQuery Plugin, create attractive galleries.
Web Site
Demo
Download

ConteinersPlus jQuery Plugin

Jim — Sat, 19 Sep 2009 14:38:21 +0000

This is a useful plug in to build full featured and fully skinnable containers. The container can be set to draggable, resizable, collapsable and minimizable.

The container can be set to draggable and resizable by adding “draggable” and/or “resizable” to the “class” attribute; ther’s a custom attribute called buttons that accept: i [iconize], m [minimize], c [close] as value to add buttons to the buttonbar. You can also add a left top corner icon by adding the attribute “icon” with the icon path as value. There’s a new attribute “skin” to set the class to the container; it’s also used to finde the path of buttons images.

You can also manage the hadles for resizing (on containers not draggable) by adding “handles” as property of the container; it axcept: w,n,e,s,se,sw,nw,ne (default “s”).

You can resize container mantaining the aspect ratio by adding the property “aspectRatio”; it axcept “true” or “false” (desault “false”).
Web Site
Demo
Download