Plugins
Home

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.

layout


killSkype

Submitted by Stephen Howlin on October 11, 2010 - 8:20pm

This plugin takes the number you don’t want to be “Skyped” and renders it in such a way that Skype will ignore it when it’s replacing the phone numbers on your page with clickable links.

LS Panels

Submitted by Leonscape on August 8, 2010 - 12:05am

Plugin implements a two/three-panel vertical column layout. The panels are resizeable, can automatically fold away, and can be pinned and unpinned with any supplied element. Panels will be matched in height.

JS CALL:

$("#container").ls_panels({centerPanel:"#center",left:{panel:"#left"},right:{panel:"#right"}});

HTML:

<div id="container">
    <div id="left>Left Content</div>
    <div id="center">Center Content</div>
    <div id="right">Right Content</div>
</div>

uiWizard

Submitted by Testbaudson on August 1, 2010 - 9:40am

This plugin helps you make the most of screen real estate, as you can easily navigate through a stack of DIV elements by using HTML links.

Imagine having a huge form with scrollbars: with the wizard you can break it down into several steps. You could also create branched forms, where the next page depends on the input of the current.

animated splitter plugin

Submitted by krikus on June 11, 2010 - 12:16am

jQuery.splitter()

jQuery.splitter() plugin implements a two-pane resizable animated window, using existing DIV elements for layout.
For more details and demo visit: http://krikus.com/js/splitter

Footer

Submitted by xraycheat on May 25, 2010 - 9:29pm

This plugin ensures that the footer of your page will be always at the bottom of your page. No matter whta happens with the page content, even if the html changes itself dynamically, the Footer Plugin will recalculates and moves the footer to the very end of the content. But if the page content is smaller than the window size, the footer will be positioned at the end of the window.

Try it!

Center Plugin 1.0 - Easy cross-browser centering a div!

Submitted by disputable on May 25, 2010 - 3:55am

Features

  • Easy centering a div horizontal and vertical
  • Works in FF, IE 6+, Safari, Chrome, ...
  • Supports position absolute, relative, static, fixed
  • Not much CSS required

Why this plugin?

There are two cross-browser compatible CSS methods at the moment:

Method one is to center the div using position:absolute, height:400px; top:50%; margin-top:-200px;
But try to scale the window to a size which is smaller than your div - you won't be able to see the whole content.

Method two is using a floater with height:50%; margin-bottom:-200px; etc.
I personally don't like this method, i hate "unused" html in my templates.

All other methods like using display:table-cell are not cross-browser compatible.
So that's the reason why i really like this plugin ;)

Animated Grid Plugin

Submitted by Denis Pissoort on April 7, 2010 - 8:05pm

The Animated Grid Plugin is a simple bi-dimensional Grid.

This plugin was created to be the more flexible as possible to fit into your Html Structure easily without adding extra class. It allow you to manage easily the degradation if javascript is disable with two differents fields in the Css file.

Dependencies

  • jQuery 1.4.2

I don't test with previous version.

Browser Compatibility

  • Mozilla Firefox / Safari / Chrome / IE7+

I don't test with IE6.

see this page for more information :
http://dipi-graphics.com/labs/5/Jquery-Animated-Grid-Plugin.html

This Plugin is licenced under the Common Creative Licence.
licence page : http://creativecommons.org/licenses/by-sa/2.0/be/

There is a Google Group for Feedback, Features requests, Bug report and Support:
http://groups.google.com/group/jquery-animated-grid-plugin

Cheers

jQuery Panel Magic

Submitted by crh3675 on March 31, 2010 - 12:42pm

jQuery Panel Magic is a new take on website navigation. Using a matrix or grid style layout for your website, you can easily implement this plugin for small websites and web applications. It gives you more room for your design and provides a cool new approach to a sitemap.

IMPORTANT NOTE: Due to the level of CSS 3 support for the transform property alongside with the browser rendering capabilities, applying a global tiled image to all ".panel" elements is not recommended. Apply tiled images to the <body> tag for best performance.

Updates are applied frequently in the repository.
http://code.google.com/p/jquery-panel-magic/source/browse/#svn/trunk

Please see the demo site source XHTML for how to implement (sorry, no grand documentation just yet).

It is a first release so please be patient while documentation and examples are added/updated.

Custom browser context menu

Submitted by sonyms on February 18, 2010 - 1:10pm

Usual right click menu of browser is replaced with a menu created in div and css. This is a beta release. Tested on 1.3 & 1.4 version
just called on a 'div' element with arguments of menu link names and urls i.e $(element_name).bmenu({'menu_name','url'});

TTabs

Submitted by martinjarmar on February 10, 2010 - 9:32pm

This plugin just tweaks a html markup and then calls UI Tabs function. You do not need to specify the list of tabs before the first tab section. The plugin creates it from the headings, or you can specify the tab labels right in the javascript code.

Check the demo for more info.

Depends on:
jQuery 1.3.x
jQuery UI 1.7.x with jQuery.tabs