Category Archives: Web Development Tutorials

jQuery accordion style

A jQuery Accordion Plug-in with Bootstrap: 2 Demos

The jquery-accordion is a tiny plug-in for creating the FAQs or Question/Answer style accordion in your web pages. As the main panel opens after user’s click or tap on smart phones, the panel body may contain multiple questions and their respective answers.

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.

bootstrap animation

3 Demos of Searchable Bootstrap Select menu by jQuery: bootmenu

The Bootmenu enables creating the searchable and animated select menus in your web projects. You may use this as the sidebar navigation or incorporate this into the main header navigation bar or apply your own idea as far as placement is concerned.

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 form validation

3 Demos of jQuery / JavaScript based form validation with Bootstrap

The javascript.validation is a form validation plug-in that is based on jQuery and implemented on Bootstrap framework. It works with Bootstrap 2+ version. You may set the Bootstrap version in the global variables along with the font-awesome library.

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:

Bootstrap checkbox labels

7 Demos of checkbox into cool toggle button/switch style by bootstrap-checkbox

The bootstrap-checkbox plug-in enables converting a simple looking checkbox into the beautiful checkboxes that looks like toggle button.

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 file upload

3 Demos of Bootstrap / jQuery file upload with Preview and Multiple Uploads

The default file upload button with the Bootstrap framework is an ordinary button that allows selecting a file.

By using different plug-ins, you may enable your visitors selecting one or mote files along with image or file preview. Besides, it also enables you using different buttons with icons for selecting and uploading the files.