A Simple jQuery Plugin For Flexible Floating Panels With Portamento.js

Portamento is a jQuery plugin that makes it simple to add sliding (aka “floating”) panel functionality to your web page. All that’s needed is some simple CSS and one line of JavaScript, and you’re away!

It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.

Portamento also has sensible behaviour if the user’s viewport is too small to display the whole panel, so you don’t need to worry about users not being able to see your important content. Continue reading

A Light weight, small framework for beautiful forms: Ideal Forms

Ideal Forms is a lightweight framework, built on the top of jQuery, for creating good looking and user-friendly forms.

It converts standard <input> elements into ones with rounded corners having an attractive focus effect. And, radio + checkbox elements are completely customized.

No images are used, they requires minimal HTML syntax and can be completely styled with CSS (comes with 3 themes).

The framework is unobtrusive and degrades gracefully with JavaScript disabled.

Continue reading

CSS3 Powered jQuery Image Slider for 2D or 3D transitions – Flux Slider

Flux Slider is an image slider using CSS3 animations for creating good looking 2D or 3D transitions.

It requires jQuery or Zepto.js, inspired from the transitions of Nivo Slider jQuery plugin and mimics them without using traditional JavaScript-timer-based animations.

Currently, there are 10+ transitions including Bars-Bars3D, Blinds-Blinds3D, Cube, Zip and more.

Continue reading

Easy Create Bubble Tooltips With jQuery: Grumble.js

Grumble.js, a jQuery plugin by the developers of Huddle.com, enables us to create tooltips as bubbles.

The positioning of these tooltips are very flexible and, with the help of “angle” and “distance” settings, they can be pixel-perfectly placed (by using CSS3 transforms and Matrix filters for IE).

Bubbles come from a sprite image and the plugin decides which image to use according to the size of the text.

Tooltips are displayed with a fadeIn/fadeOut effect, can be set to auto-disappear or stay visible until they are closed. Continue reading

Easy CreatE Bar Charts With MooTools And jQuery

Ivan Lazarevic is sharing 2 different plugins for creating bar charts with jQuery & MooTools:

Both plugins can create simple or stacked bar charts & data to be displayed is loaded with an array.

jqBarGraph has support for animated loading of the charts however mooBarGraph offers more features like:

  • url bars
  • info boxes (interactive charts)
  • negative values
  • AJAX data loading

Continue reading

Free Jquery Plugin for making of Beautiful & Attractive Forms – Uniform

Uniform is a jQuery plugin that enables you to control the look & feel of form elements (checkboxes, drop down menus, radio buttons & file upload inputs).

It is unobtrusive & works by hiding the original elements + replacing them with custom ones.

Uniform is very easy to use & can be set to convert every form element on the page or any specific ones.

The plugin has theming support & comes with a theme kit to quickly create unique forms.

Continue reading