jQuery icbiacontrol : Style browser controls

jQuery icbiacontrol : Style browser controls

Jquery-icbiacontrol is a jQuery plugin that helps you style native browser controls without losing their native behaviors.

It works by adding custom, styleable markup to the DOM right next to the original control, which is then made transparent and positioned on top of your custom widget. That way, when you interact with the styled widget, you’re actually interacting with the native browser control.

For example, when you use the plugin with a select box, you style only the “display” part. When the widget is engaged, the normal browser dropdown is shown. iOS will show its little scrolly wheel thing; desktop browsers will show the native dropdown list.

WhatsNearby : jQuery plugin to list and show nearby Places

WhatsNearby : jQuery plugin to list and show nearby Places

A jQuery plugin to list and show nearby places around a certain position using Google Maps.

Leroy Zoom : Image zoom and Magnify jQuery plugin

Leroy Zoom : Image zoom and Magnify jQuery plugin

A lightweight and easy to use image zoom and magnify jQuery plugin with less than 4 KB.

This plugin works on a 2-steps zoom behavior:

  1. Show details of image in the medium version when user over the thumb image;
  2. Magnify and show details of the large image version when user click to “Magnify”.

You’ll need three versions of the same picture with different dimensions (small, medium, large). The first version (small) is shown by default and is the one which user will over the mouse to view the first-step details. Then, the user can “click to magnify” to see the second-step details of image and the large picture version is used for this.

Delete Records with Multiple Animations using jQuery

Delete Records with Multiple Animations using jQuery

Every language & libraries has its own competitors. jQuery is hardly competitor to Flash. Now a days every web developers prefer to choose jQuery instead of Flash because of its ultimate UI Effects. jQuery leads when its come to SEO point of view where Flash doesn’t.

Deleting records in your web applications is must. So today I am going to tell you how to add multiple animations to delete records using jQuery.

TileBox jQuery : Modern Responsive LightBox

TileBox jQuery : Modern Responsive LightBox

TileBox jQuery – Modern Responsive LightBox is a small jQuery plugin that is used to create modern lightbox with CSS3 Animation Effects and customizing options for modern browsers. Please check demos below to see how it works.

Features:

  • Responsive Design.
  • CSS3 Animation Effects.
  • Size Switcher.
  • Combine Inline and AJAX content.
  • Support Touch Swipe and Left, Right Keys to move prev/next box.
  • Full Screen Custom Content.
  • Show/Hide Thumbnail Ribbon.

stickUp : jQuery Plugin to “sticks” an Element

stickUp : jQuery Plugin to "sticks" an Element

stickUp is a jQuery plugin, which you can implement on any webpage alongside jQuery. You can easily make any element, on any page, stick to the top of the browser window as the user scrolls past it. This feature is excellent for navigation menus, logos and/or contact information, which you may want the user to see at all times.

Plumcube : Compass extension for building pure-CSS 3D cubes

Plumcube : Compass extension for building pure-CSS 3D cubes

A compass extension for creating 3D cubes of all shapes and sizes… as long as that shape is a cube.

Note that the plumcube plugin relies on the ‘Bleeding Edge’ version of SASS, because 3D CSS animation is the Internet of the future. If you are already a SASS-y individual, be sure to check your currently installed version (sass -v) and upgrade to the pre-release gem (3.3.0.alpha – get it with gem install sass --pre) if necessary.

jQuery Color Picker

jQuery Color Picker

This minimal plugin allows you to easily and simple to display a color picker on your website. You can easily just copy and paste the one liner code, or get into some more of the detailed configuration.

Features:

  • Replace all colors by your own favorite color
  • Custom colors append to Colors list
  • Insert HEX color code directly
  • Customizing to use data-* attributes

Pintro : jQuery plugin for Image Info box slider

Pintro : jQuery plugin for Image Info box slider

A jQuery plugin for image info box slider.You have some images in a div which class is ‘albums’, and each image has parent which class =’thumb …’ and has a .info div to contain infomation about image.

Open JS Grid : Easiest jQuery Grid

Open JS Grid : Easiest jQuery Grid

OpenJS Grid is the easiest jQuery Grid ever. With very little work you can have a data grid that can do everything from sorting and searching to complex database queries. Best of all, its open source. So you can learn how it’s all done.

OpenJS Grid provides a super easy / powerful way to give customers access to data. I do all the database work for you, so you don’t have to figure out searching and sorting, as well as give you cool stuff like events and cell types so you can customize to fit your need. And now with Stylus and Bootstrap, you can easily restyle the grid to your liking.