Category Archives: jQuery Tutorial

jQuery histogram 2

2 Demos of jQuery histogram slider

The jquery-histogram-slider is a tiny and easy to use plug-in for creating the histogram slider on your website. The histogram is responsive and the slider is touch enabled as well.

jQuery scroll animation images

jQuery animate elements as in view (on scroll) plug-in

The jQuery-scroll-animate is a light-weight plug-in that is used to animate the elements in the view. That means, as the user scrolls down to the page, you may animate different elements as they appear on screen of the user. The section with animation may contain different elements like simple paragraphs, tables, forms etc.

jQuery Multi-select Dropdown with Checkbox and Searching: 3 Demos

By using the fSelect plug-in, you may create the simple or option group based select dropdowns that allow selecting one or more options. Each option in the dropdown has a checkbox with it while the selected value is also displayed on top.

jQuery lightbox

4 Demos of jQuery lightbox plug-in for images, inline content and videos

The VenoBox is a jQuery based plug-in for creating the responsive modal windows for various type pf content. You may use it for presenting the images, Google maps, inline content and videos from different sources like YouTube and Vimeo.

The lightbox is fully responsive, so adjusts to the user’s screen nicely.

jQuery pie chart

3 Demos of jQuery Line, Bar, Pie and Donut charts with SVG

The peity is a simple, light-weight useful jQuery plug-in for creating the charts into your web pages. It converts content or data in a specified element into required charts that includes line, bar, donuts and pie charts.

You may specify the type of chart as initiating the plug-in via JavaScript.

jQuery zoom overlay

3 Demos of jQuery Zooming and Panning Images plug-in: EasyZoom

The EasyZoom plug-in is a light-weight and highly optimized plugin for zooming the images smoothly. The plug-in file size is only 4K and it has a few useful options that can be set by using the JavaScript.

jQuery pregress star leaf

4 Demos of jQuery loading shapes by jQuery-svg-progress plug-in

The jQuery-svg-progress is a light-weight (5Kb) progress indicator plug-in with a variety of shapes that allow you using in infographics or some other purpose.

Following shapes can be given as values:

jQuery tooltip bottom

6 demos of jQuery tooltips plug-in: tooltipify

The tooltipify is a jQuery plug-in for creating the sliding tooltips for different elements like textboxes or other form elements, paragraphs, span or div tags etc.

jQuery slider auto

jQuery slider: bxslider with 4 demos (horizontal, vertical and more)

The bxslider is a cool jQuery slider plug-in that has a ton of options and many features. It is fully responsive; since more and more visits are coming from mobile devices so it is an important feature.

jQuery top loader

A small jQuery loader plug-in as content is loading

As the content is loading in your web page including images, text etc. you may display a colorful loader on top bar to let the users know.

For implementing that, you may use a light-weight plugin (loadBar) which is based on jQuery and is quite easy to use.