The portfolio plug-in based on jQuery This jQuery portfolio plug-in can be used for presenting your skills or services etc. in a nice and modern way. The plug-in is responsive that adapts different screen sizes so that you do not lose mobile users. As clicking a thumbnail of gallery items, the detail will open in … Read more
The font detector plug-in based on jQuery In some scenarios, you may need to find out what font is applied to different elements of your web pages on the user’s computer. Based on that, you may perform certain actions like adjusting the font-size etc. The jQuery-based plug-in (jquery-detectfont) can be used for that purpose. See … Read more
The responsive jQuery slider with touch and mouse In other tutorials, I have covered quite a few sliders based on jQuery with different features. The built-in slider in jQuery UI, mouse enabled range slider with demos, and a rotating slider are also covered. The plug-in covered in this tutorial is also based on jQuery, which … Read more
The jQuery validate plug-in for HTML forms The form validation is generally required when using the web forms in your web pages. For example, checking the correct email format, password and re-enter password matching, name, age, etc field values (if any are mandatory). In the early days, you had to write a lot of code … Read more
How to make a flow chart by using jQuery In this tutorial, I am going to show you how to generate workflow chart by using a jQuery plug-in. The plug-in name is workflowChart that you may see and download from the GitHub website (plug-in link). You may create nodes in the jQuery code by using … Read more
Creating transition effect in HTML elements by jQuery In this demo, you are going to see and learn how to create transition effect in two HTML elements with jQuery. You may use the different type of content in the HTML elements like headings, text paragraphs, images etc. The plug-in allows using only two elements currently. Upon … Read more
Rotating text by using jQuery plug-in The text spinner plug-in which is based on jQuery can be used for rotating the quotes or testimonials etc. in your web pages. If your web page has less space where you want to show more quotes or testimonials by the customers in rotating manners, this plug-in, Quote-Spinner, can … Read more
Creating labels of checkboxes by jQuery In other tutorials related to checkboxes, I showed how you may create simple HTML checkboxes along with Bootstrap’s based classes here. In this tutorial, a jQuery based plug-in is used for creating the labels of checkboxes. That means, the text of the label is clickable unlike the normal checkboxes … Read more
The rotating slideshow plug-in Although, this jQuery slideshow plug-in that allows presenting the slides in a rotating way, has the limitation of four slides but it really is fancy and awesome looking as for as presenting anything over your website. With each slide, you may also use a sound as well. You may place MP3 format or … Read more
How to show / hide table columns The simple and nice jQuery based plug-in, hide_columns, can be used for allowing the users to show or hide the HTML table columns in your website. The integration process is quite simple for using this plug-in in any table. You just need to add the jQuery library along … Read more
HTML5 tooltips with jQuery Generally, tooltips in HTML are created by using the title attribute in a tag like a link or an image, etc. This way, a basic tooltip is created that is displayed as a user hovers the mouse over that element. Tooltips can be a nice way to contextual help or to … Read more
The rotate animation by using CSS3 and jQuery The jQuery rotate plug-in can be used for creating animations in different elements of the web page including images, icons, or other elements quite easily. This is a light-weight plug-in, with only 1Kb of JS file. So, if you are already using jQuery in a web project … Read more
The 3D parallax scrolling effect by using jQuery In this tutorial, I will show you how to create the parallax scrolling effect on any content type by using a jQuery-based parallax plug-in, parallux. FYI, if you have not heard of this earlier, the parallax effect is the one where foreground moves faster than the background. … Read more
The full width image slider jQuery plug-in In other tutorials related to carousels or sliders, I have covered different along with Bootstrap’s carousel for horizontal, vertical etc content sliding. Apart from that multiple items carousel and Bootstrap lightbox are also covered. In this tutorial, I am going to use a jQuery slider that can slide full-width images. The … Read more
The jQuery SVG based timer This jQuery timer which is circular and based on SVG can be integrated easily into your website. You simply need to set a few options in the jQuery code after setting up the plug-in file. For example, the duration of the timer (timeout) to be set in milliseconds. You may also … Read more