The horizontal bar chart plug-in for jQuery For creating the horizontal bar chart plug-in, you may use a jQuery solution hBarChart. This solution requires using the HTML lists where each <li> represents a bar. The plug-in can be initiated by a single line of code or use the available options for customizing e.g. color of … Read more
Create the moving background image The backgroundMove.js is a tiny plug-in for creating the moving background as the mouse moves in the specified element. For example, your div has a background image. By using this plug-in, the background image moves with the movement of the mouse. You may adjust the movement strength by using an … Read more
Highlighting the keywords in web pages The mark.js is a pure JavaScript and jQuery solution for highlighting the keywords entered in the search field. If you have long text paragraphs in your web pages and need to facilitate the users highlighting the specified text then mark.js is a solution for you. Not only text paragraphs, … Read more
Creating the 3D Fancy-Buttons The Fancy-Buttons is a jQuery based plugin for turning the ordinary and “boring” buttons in 3D widget look. Basically, you may use this plug-in for 3D effect in any HTML element for hover and click state. For example, a div containing text or even a form etc. The options for this … Read more
The simple-chart plug-in The simple-chart plug-in is used to create the charts in web pages. The pattern of the chart can be specified in different ways e.g. columns charts, step chart, progress chart etc. The labels and their respective values can be given using the JavaScript that you may fetch from the database. The type … Read more
What is SelectAllCheckbox plug-in? The SelectAllCheckbox is a jQuery-based plug-in that can be used to allow visitors to check or uncheck all options at one go. If the group of checkboxes contains a disabled checkbox(es) then its state will not be changed. You may add as many checkboxes as you require in the group as … Read more
What is RollingBorder plug-in? The RollingBorder is small-sized jQuery plug-in for creating border animation that may be used as focus state. The usage can be getting the user’s eye as visiting the webpage to the specific section where two lines are moving to the border of that element. How to use it? Include the style … Read more
Creating news ticker/text slider in web pages The simpleTicker.js is a jQuery based simple plug-in for creating the ticker or text sliding with different patterns. The supported patterns are fade, roll, and slide which you may set by using the JavaScript options. Developer’s page Download plug-in Setting up the jquery.simpleTicker.js plugin All you need is … Read more
Fixing text in HTML elements by jQuery The textfit plug-in fits the text in one line according to the width of the element that contains it. It adjusts the font-size of text with respect to the width of the element. The plug-in size is just 1K that you may place before the body closing tag. … Read more
Create horizontal and vertical parallax effect I have shared quite a few plug-ins related to the parallax scrolling earlier. You may learn about these plug-ins here, here and in this page. A parallax tilt effect plug-in is also covered in this post. The unique thing about the paroller.js plug-in (which is the topic of this … Read more
The offbeatSlider plug-in for creating slideshows The simple and light-weight (6Kb) plug-in (offbeatSlider) can be used for creating the slideshows or carousels in your web pages. You may create the slideshows of images or only text that can be navigated by using the arrows or dots. By using the simple options in the jQuery code, … Read more
Create burst animation for images The boomjs is a jQuery based plugin that creates burst animation for the element in DOM. You may specify the container and image by using the jQuery code with two available options. The options are to specify the size of pieces by using the piece_size option while you may also … Read more
The txtshadow plug-in The txtshadow jQuery plug-in enables creating the animated and dynamic text shadows that move with the mouse pointer. So, as the mouse is moved over or around the specified text the shadow will move accordingly. You may specify the blur and color of shadow in the options provided by the plug-in. Demo1 … Read more
The marquee effect with CSS3 The Css3Marquee plug-in uses jQuery and CSS3 for creating the marquee effect as an alternative to the HTML marquee which is not smooth in all browsers. You may customize the speed and direction of the marquee effect by using the data attribute or jQuery code. Developer’s page Download plug-in Setting … Read more
Create ripple effect The yarp.js is a Material design inspired jQuery plug-in for creating the ripple effect in HTML elements. The plug-in is the just 1Kb size and it is very simple to use. All you have to do is include the JS file of the plug-in after the jQuery library and initiate the plug-in … Read more