Yummi-loader : Css classes for a fancy page load with jQuery

Yummi-loader : Css classes for a fancy page load with jQuery

The Yummi-loader is nothing more than a simple LESS file with some CSS3 animations. Use them just adding ‘off’ class on your body element and changing it with ‘on’ on $(window).load() or $(document).ready() events.

Bootstrap Combobox : jQuery twitter Bootstrap Combobox plugin

Bootstrap Combobox : jQuery twitter Bootstrap Combobox plugin

A combobox plugin that works with twitter bootstrap.We had need of a combobox at work and after looking around at the available options I was not happy with any of them. The project had all it’s styling based on Twitter’s Bootstrap, so building on that made sense.

Custombox : jQuery Modal Window Effects with transitions CSS3

Custombox : jQuery Modal Window Effects with transitions CSS3

jQuery Modal Window Effects with transitions CSS3.This plugin is created with native JavaScript but works perfectly with jQuery.

These animations only works as intended in browsers that support the respective CSS properties.Internet Explorer 8 and 9 works, but without animations.

Diamonds.js : jQuery Diamond layout Image Gallery

Diamonds.js : jQuery Diamond layout Image Gallery

Tired of straight grids where everything is vertically and horizontally aligned? Why not tilt everything by 45 degrees? This jQuery plugin lets you easily do just that!

Features:

  • Auto resizes
  • No images, all css
  • AMD aware plugin
  • Test coverage!

Smart Content Protector – jQuery Copy Protection

Smart Content Protector - jQuery Copy Protection

Smart Content Protector jQuery is the jQuery Plugin to Protect the Text and Images in any site by including the js file. In order to avoid Plagiarism, it is essential to make sure the Text and Images from your site is not copied. This Plugin serves as the Content Protector for your site.

Text Protection features in this Plugin to disable the possible shortcut keys for copying the Text. Also this Plugin has Image Protection options to Disable the Image Dragging and Disable the Original Image to view. It also hides the link which shows the image link.

Features:

  • Supported for Windows, Linux, Mac OS X? etc
  • Protect your Text and Images by Disabling the Mouse Right Click and Possible Shortcut Keys for Cut (CTRL+x), Copy (CTRL+c), Paste (CTRL+v), Select All(CTRL+a), View Source (CTRL+u) etc.
  • Enable or Disable Content Protection.
  • Disable Image Dragging, Disable the Link which contain image extension etc.
  • Works out of the box.
  • Simple and Easy to use.

Smartpopover : jQuery Auto layouting balloon Popover

Smartpopover : jQuery Auto layouting balloon Popover

Auto layouting balloon popover always inside window for jQuery.To help creating your webapp editor window, balloon popover of charactor speech, etc.

Readmore.js : jQuery plugin for Collapsing and Expanding Text Blocks

Readmore.js : jQuery plugin for Collapsing and Expanding Text Blocks

A smooth, lightweight jQuery plugin for collapsing and expanding long blocks of text with “Read more” and “Close” links.

The required markup for Readmore.js is also extremely lightweight and very simple. No need for complicated sets of divs or hardcoded class names, just call .readmore() on the element containing your block of text and Readmore.js takes care of the rest.

Scrollzip : jQuery plugin to trigger action if element is Visible

Scrollzip : jQuery plugin to trigger action if element is Visible

This jQuery plugin is used to trigger some action if the given element is becoming visible or hidden while scrolling.

Responsive Share Buttons CSS and jQuery

Responsive Share Buttons CSS and jQuery

Today let’s create a cool looking responsive share buttons for your website contents, which will adjust according to the users’ screen size. If you are not satisfied with your current share buttons, you can try this solution. Advantage of creating own set of share buttons is that, it goes well with your layout, and you don’t have to rely on bulky files that are loaded from anonymous servers, which could also slow down the page loading time significantly.

jQuery Extract the main Colour of an Image’s borders : Image-pixel-border

jQuery Extract the main Colour of an Image's borders : Image-pixel-border

A very lightweight and simple jQuery plugin to extract the main color of an image’s border. Just pass a callback as first parameter of the getPixelColor which takes one parameter. The parameter send to your callback will be the hexadecimal color code.

In few words:

  1. Clone the image in a dynamically created HTML canvas element.
  2. Read the pixels of the TOP, BOTTOM, LEFT, RIGHT borders of the image
  3. Extract the most frequent color
  4. Return the extracted color to your callback