The Nivo slider plug-in The Nivo is a jQuery slider that is quite popular in the market and an easy to use plug-in that you may deploy in your website freely. The plug-in can be downloaded from the developer’s page at Github website which JS file size is only 30Kb. The downloaded package also contains a … Read more
Export HTML table to Excel spreadsheet with jQuery In this tutorial, I am going to share an awesome plug-in for exporting the HTML table data to the Excel sheet with a click of a button. The plug-in is based on jQuery which is lightweight, only 3Kb of the JS file. You need to include the … Read more
Explode images by using jQuery The jquery.imgexplode explodes the image with a variety of options available in that jQuery plug-in. The plug-in is quite simple to use. Just specify the image with an id or class in the image tag and refer this in the jQuery code with different options. You may use a button for triggering the … Read more
The KlondikeChart plug-in The jQuery-based KlondikeChart plug-in can be used for creating the line and donut charts on your website. This is a light-weight plug-in that requires adding a script file after the jQuery reference. You also need to include the jCanvas plug-in in the <head> section of the website. See the demo and code in … Read more
The bar graph plug-in The jquery-graph is a simple-to-use jQuery plug-in for creating bar graphs On your website. It simply requires adding the plug-in JS file, CSS file and using a few attributes in the HTML table as shown in the live examples below. The plug-in can be downloaded from the Github website here or … Read more
Create ripple effect by using jQuery on click and tap In this tutorial, I will show you demos of creating the material design-inspired ripple effect by using a jQuery plug-in. The plug-in name is rippleria that you may download from the Github website here. By using this plug-in, you may create a ripple effect in … Read more
jQuery coverflow plug-in The coverflow plug-in, which is based on jQuery, is an easy way to create coverflow in your website for photographs, professional work presentations like web design, or other documents that can be viewed by using keyboard navigation, mouse click, or mouse wheel, and swipe/tap. FYI, the coverflow is a concept implemented on … Read more
The parallax effect on any element Earlier, I have covered two jQuery plug-ins for creating parallax effect with images only. The text is used as the foreground to the background images in parallax plug-in. In this tutorial, the jQuery parallax plug-in can be used for creating parallax effect in any element. That can be a simple … Read more
Applying the CSS gradient transition by jQuery in background The Gradientify plug-in can be used for creating smooth CSS gradients based on an array of pre-defined colors. The colors are specified with RGB values. You may specify the angle of gradient, the default is 0deg. You may also set the transition time between gradients. If not … Read more
Scrolling text vertically by jQuery The vertical scrolling of text can be used for purposes like news or press release scrolling. You may use it for scrolling the updates about the website or newly added features etc. By using jQuery.scrollText plug-in, you may create a customized section with vertical text scrolling in your web pages. … Read more
Changing color smoothly on scroll using jQuery In this post, I am going to share a jQuery plug-in that can be used for changing the color upon scrolling of the web page. It is a light-weight plug-in that is the only 3Kb file. You may specify two colors with RGB values. The colors will transit between … Read more
The EU cookie policy script The cookies are used to store the information at the user’s computer. The information can be stored and then used for different reasons like saving the user ID and password, shopping cart items, etc. Similarly, it can be used by Ad networks to check the user’s interests based on browsing … Read more
The maps component in web pages The maps component can be used for various purposes in a website. For example, showing the map in the contact us page for guiding the users or customers to the office or business location. Similarly, you may have a component in a website to let users search different locations. The … Read more
A one stop solution for slider, carousel, gallery component In this tutorial, I am going to share a one stop solution for the carousel, slider, slideshow or gallery component for your web site. Generally, you may require different plug-ins for different purposes. For example, if you need to have a carousel component then go for … Read more
The fixed right bar on scroll In some scenarios, adding a fixed right or left bar as a user scrolls down the web page may increase the chances that the content inside the right or left scroll bar is seen or get more clicks. For example, if you have Adsense or other ads there that … Read more