The radial progress bar The circular or radial progress bar can be used for showing the pie charts, the progress of a task like downloading or saving the data, etc. for your web projects. In this tutorial, the radial-progress-bar which is based on jQuery is used for showing you demos. I will also show how … Read more
The tabs plugin for jQuery The jquery-accessible-tabs-aria is a free plug-in which is based on jQuery for creating tabular content in your web pages. The plugin is tiny in size but has many useful features including keyboard navigation support. Even if the JS file of the plugin is not loaded for some reason at user’s … Read more
The tooltip plugin for jQuery The powertip plug-in is based on jQuery that can be used for creating nice looking tooltips for your web projects. You may create tooltips in different directions as the plug-in developer calls it: North West, North, North East, East, South West Alt and others. You may display tooltips on mouse hover … Read more
The gooey menu plug-in In this tutorial, I am going to present a few demos of gooey menus using jQuery. This gooey menu plug-in uses the jQuery library, font-awesome, and demos use Bootstrap classes for presenting this menu. So you have to include jQuery, Bootstrap’s CSS file, and plug-in’s JS and CSS files for this … Read more
What is a linked select plug-in? In certain situations, you need to present the selectable information to users in dropdowns which is categorized. For example, consider this scenario: Choose a maker of cars: Ford Honda Toyota GM Choose a model based on first selection: Modal 1 Modal 2 Modal 3 Choose the Year of manufacturing … Read more
The multi-select and checkboxes You might have seen or used multi-select dropdowns in web projects where a user may select multiple choices from the given set of options. In this tutorial, I am going to show you a jQuery plugin that not only allows selecting multiple options but the options are presented as checkboxes. So, … Read more
The auto-complete plug-in In the series of jQuery UI components, I explained how you can use the auto complete by using a few lines of code after including the jQuery UI library. In this tutorial, I am going to show you a light-weight plug-in whose minified size is only 4Kb. For that, you simply need … Read more
The range slider To enhance the user experience if your website takes user input by way of web forms, adding the simple slider or range slider for required information can be good. For example, for selecting age group, salary range, or any other numeric requirement can be shown and selectable by way of visual selectors. … Read more
The multi-select list view plug-in In professional websites, you generally need to select multiple options from one list to the other that are used for specific types of data. For example, select your skills from the available list of HTML, JavaScript, jQuery, Bootstrap, CSS, etc. This list is generally presented on the left side. You … Read more
The place-picker plug-in In this guide, I am going to show you a cool plug-in that you can use in web forms for allowing users to pick or find the place by typing in first few letters. The plug-in is based at jQuery that uses Google maps API and is quite simple to use. See … Read more
What is formAnimation plug-in about? The formAnimation plug-in is a light-weight plug-in based on jQuery that can be used for showing cool animations for web forms upon invalid submission. You may use this plug-in for simple HTML forms or based on other frameworks like Bootstrap forms as well. Underway, this form validation plug-in uses the … Read more
The editable jQuery select dropdown In the Bootstrap series of tutorials, I wrote about multi-select dropdown along with searchable option as using the Bootstrap framework. In this tutorial, I am going to show you another plug-in related to HTML select but with editable options. This nice and simple jQuery-based plugin allows adding new options on … Read more
The jQuery ripple effect plug-in The design of a website can be improved if you use ripple effect, particularly, in menu items like left or right navigations etc. In that case, as a user selects or clicks a menu item, the ripple effect in that item can be created by using jQuery and CSS, apart from … Read more
CSS 3 transform property and hovering effect plug-in The jQuery Hover3d is a light-weight plug-in that can be used for creating 3D effects in images as the mouse hovers over the specified elements. The plug-in uses CSS 3 transform property for creating effects. As such, the CSS transform property is used for applying the 2D/3D … Read more
The animateClick plug-in In this tutorial, I am going to show you how you may create animations as specified elements like a button is clicked. For example, as you click create account button, you can show an animation of “Tick” to confirm users that account is created. Similarly, for a failed operation upon clicking a … Read more