The mdl-jquery-modal-dialog plug-in The mdl-jquery-modal-dialog is used to create the modal dialogs and loading overlays that use jQuery and MDL (Modal Dialog Lite). This is really a light weight plug-in and requires a few lines of code with useful modal features. You may present simple dialogs or with actionable buttons that can be closed by … Read more
The rlaccordion – A jQuery accordion plug-in With rlaccordion plug-in, you may create content accordions in your web pages quite easily. The plug-in is light weight solution with customization by using the options provided. You may open one or more accordion on start up while Unicode plus and minus signs are used for accordions in … Read more
What is the contextMenu? The contextMenu is a lightweight solution for creating contextual menus on your web pages. The contextMenu will display as a user right clicks on a DOM element. You may associate this context menu plug-in with different elements in DOM like a div, form, table, etc. You may easily customize the look … Read more
How to create parallax tilt effect? The tilt.js plug-in can be used for creating the parallax tilt effect on mouse hover for any element in your web pages. After Gzipped, the size of the plug-in is only around 1.45Kb. It is the 60+ fps (Fames per seconds) hover effect and quite easy to set up. … Read more
What does jQuery text fade delay plug-in? The fade-delay plug-in is used to display the blockquotes and cite in web pages with the transition. The blockquotes element will fade away and then cite elements display in a delayed manner. The plug-in can be good for displaying quotes, customer reviews etc. one by one in a … Read more
The jQuery RSS reader with templates If you require using the RSS of your website or a third party and presenting on your website in a better way then you should try jquery-rss plug-in. The jquery-rss plug-in can read the specified RSS feed. You just need to specify the URL where you need to fetch … Read more
How to create a fixed menu on the scroll? In this tutorial, a jQuery and CSS based menu is shared that will be fixed on top as you scroll down the page. That way, your main content may appear on the top with the menu bar afterward. As the user scrolls down the page and passes … Read more
The image preview plug-in The imagepreview is a jQuery plug-in for creating the image preview on hover in your web pages. So, if your web page has thumbnails and you want to display the larger view of images with or without captions, the imagepreview can be a good choice. The script adds an element as … Read more
How to create an animation to elements by using dreyanim plug-in The dreyanim is a jQuery and CSS3-based plug-in for creating animations to elements like text paragraphs, images, or other elements in web pages easily. You may choose an animation style from the available 25+ animation options by using this plug-in. In the next section, … Read more
Animated intro by jQuery The animated intro can be eye-catching as a user lands on your website; for getting the user attention. For creating animated text or mixed content intro, you may use the Gif file, flash etc. as an easier solution. However, it can be heavier than using the simple animated text. In this … Read more
Creating weather cards for your websites In this tutorial, I am going to share an awesome jQuery based solution for creating the animated weather cards. You may switch among the sunny, snow, windy, rain and storm cards as using this nice plug-in. It uses SVG figures and jQuery code for creating animations. For different weather … Read more
The MSelectDialogBox plug-in for multi-select and auto-complete Earlier, I have covered the built-in jQuery autocomplete plug-in here with demos. Similarly, the different multi-select dropdowns are also covered on this website. In this tutorial, a multi-select and auto-complete plug-in which is jQuery based plug-in is covered with live demos. The plug-in name is MSelectDialogBox that you may … Read more
Magnifying images by using jQuery The jZoom plug-in can be used for magnifying the part of an image that is focused. The JS file is only 9Kb while its minified version is only 2 Kb size. So, it’s a tiny plug-in that will not take much resources while enabling your visitors to see the larger … Read more
The telephone input with flags and international codes The intl-tel-input is a jQuery-based plug-in that you may use with any input in your forms that enables users to enter phone numbers. This telephone input will display the respective flag. By IP lookup, the input will detect the user’s country and automatically set an example number … Read more
The jQuery plug-in for printing a specific part Printing a complete web page is not an issue since it is a feature that is provided by browsers. However, in some scenarios, you may need to provide a facility to a visitor for printing only a section of a web page rather than the complete web page. For … Read more