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.

css3


jQuery Rotate

This is small plugin for animation of CSS3 Roate. You can use it if you don't need whole CSS3 Transformation, only roatation.

$('img').animate({rotate: '360'});

Download jquery.rotate.js.

jQuery Animate Enhanced

What it does

The plugin will analyse the properties you're animating on, and select the most appropriate method for the browser in use. This means your transitions on left, top and opacity will convert to a CSS3 transition on Webkit & Mozilla agents that support it, and Opera 10.50+. If the user is on a browser that has no CSS3 transitions, this plugin knows about it and won't get involved. Silent degradation :)

Multiple callback mechanisms are created internally to monitor for DOM manipulation and for all 'transitionend' CSS3 events to be picked up. This means you have one neat callback() for the whole animation regardless on whether the plugin is using CSS3, DOM, or both for its animations.

Progressively enhanced CSS3 animations without having to do any browser detection or special CSS, therefore using the same Javascript across your applications and websites.

CSS Emoticons

The CSS Emoticons plugin is a simple jQuery plugin (and stylesheet) that allows you to turn any text emoticons on the page into cute little smiling faces with pure CSS3 styling (no images whatsoever).

The result is great-looking emoticons that leave the text exactly as written (so that the text emoticons actually get copied and pasted with the text if you select a block of text from the page). This uses the CSS3 properties, transform, border-radius, box-shadow, gradient, and transition (when supported).

Please feel free to contribute, by forking the project on Github: http://github.com/JangoSteve/jQuery-CSSEmoticons

CSS3 Multiple Backgrounds for Internet Explorer and legacy Mozilla Firefox

This library brings support for multiple background images to Internet Explorer 6-8 and Firefox <=3.5 by reading the CSS code from style and link tags.

CSS3 browser support extends to background-image, background-position, background-repeat. This library only implements its own property for the shorthand style background property.

Preloader

Preload your website with a custom Preloader bar similar to the Flash style on EdwardHotchkiss.com along with easing and overwrite-able methods.

jQuery Round Images

Fixes an issue with CSS border-radius and images where border-radius isn't displayed on the images.

http://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/

It also optionally hooks into several DOM events to allow persistent image fixing ie. if you insert a new image tag it will automatically fix it if required or if you change the style, class or the id attribute and the image is now being rounded it will fix it.

Example 1:

$('body').prepend('<img class="rounded" src="img.jpg" />'); //This works
$.roundImages(); //Round all images that exist at this time
$('body').prepend('<img class="rounded" src="img.jpg" />'); //This wont work because its not set to persistent

Example 2:

$('body').prepend('<img class="rounded" src="img.jpg" />'); //This works
$.roundImages(true); //Round all images that exist at this time + are created/modified in the future
$('body').prepend('<img class="rounded" src="img.jpg" />'); //This works now
$('img#someImage').css('border-radius', '50px'); //This also works

Example 3:

$('img#someRoundImage').roundImages();
//img#someRoundImage will now be rounded, there is no persistent setting when using it like this

JcubeiT Plugin

Hello!As you see im still experiencingand doing pluginsfor JQuery

Today I did a pretty funny one based on the explanations of lanratabout how to build a cube using new CSS properties.
Its use is very simple, you only need 3 objects (the visible faces of the cube) inside of a DIV container. Such objects could be links, images, other divs, etc.

jQuery-featureSupport

A browser feature testing library, because browser sniffing is a bad thing.

jQuery Star Wipe: Why eat hamburger when you can have steak?

With jQuery Star Wipe you can enable the single best transition ever created, the star wipe, in any recent WebKit browser!

Full documentation, source, and examples are available on benalman.com.

shadowTilt - a drop shadow+ hover tilt jQuery/CSS3 plugin

This is a cool little plugin that will allow you to easily add a css drop shadow to images or elements along with some extra effects like fade in an out on hover and tilt on hover as well. functional in FF, Chrome, Safari

It degrades in IE well.