Wednesday, May 27FreeJQuery

jQuery Plugins

jQuery Light Layer Plugin 2020
JQUERY LIGHTBOX PLUGINS, jQuery Plugins

jQuery Light Layer Plugin 2020

jQuery Light Layer A lightweight, easy-to-use yet fully customizable jQuery light layer Modal & Dialog plugin that supports any content loaded from within the document. Features:Custom appearance of your modal window. Allows you to cache values of form fields in the modal. Works with data transfer. Supports any web content: text, image, Youtube video, Google maps, etc.How To Use it: 1. Include reference to jQuery library and the jQuery LightLayer plugin's files.<link href="/path/to/dist/css/lightlayer.css" rel="stylesheet" /> <script src="/path/to/jquery.min.js"></script> <script src="/path/to/dist/js/jquery.lightlayer.js"></script>Read More | Download  
How to Create Sticky Footer
jquery other plugins, jQuery Plugins

How to Create Sticky Footer

StickyFooter.js A super tiny (<1kb minified) jQuery sticky footer plugin that makes the footer element always stay at the bottom of the webpage even if the page is too short.Without the need of CSS position: fixed, position: absolute, or position: sticky property.The plugin detects if the height of your content is shorter than the screen height and then extends the main content to fill the difference.Licensed under the GNU General Public License v3.0. How to use it: 1. Create a footer element for your webpage.<header class="header"> <h1>Header</h1> </header><nav class="nav"> <h2>Nav</h2> <ul> <li>Item one</li> <li>Item two</li> </ul> </nav><main class="main-conte...
IsoCity builder in JavaScript
Core Java Script

IsoCity builder in JavaScript

IsoCity builder in JavaScript An isometric city builder in JavaScriptIsoCity  is a simple JavaScript city builder with no simulation at all. No budget, no goals. Just build your tiny city. This would work on a phone, but it wasn’t designed with phones in mind.Read More | Download  
Range Slider Plugin in jQuery and JavaScript wRunner
Core Java Script

Range Slider Plugin in jQuery and JavaScript wRunner

Slider Plugin in jQuery and JavaScript In this article, we discuss in detail about the slider plugin this plugin will allow adding a slider to select a value. This slider plugin has the ability to set themes, step, minimum, and maximum values. This plugin has two different types Single and Range as the verticle and the horizontal positions it has two implementations for pure JavaScript and the basis of JQuery. wRunner wRunner is a jQuery and Vanilla JavaScript plugin used to makes an adjustable, excellent range slider control to assist clients to choose a range of values. JQuery for Slider The structure of this plugin is MVP with a passive view. It has three different parts of the program two points which view and models are independent of others. The present layer is the bonding laye...
Youtube Video background
jQuery Plugins, Youtube

Youtube Video background

Youtube Video background This article is all about Youtube Video background with the use of this new plugin which can make Youtube videos behavior like a covering background. Youtube background Completely responsive and consequently alters the perspective proportion to fit the screen size after the viewport changed. How to use this plugin: All the details are provided in the read more section just click the button and make amazing Youtube video Background. Read More | Download  
Gooey Image Hover Effects with Three.js
Animation

Gooey Image Hover Effects with Three.js

Image Hover Effects with Three.js In This Article, we discuss how to create Gooey Image hover effects with threejs. Image hover effects are used to make hover image effects more efficient with three.js.In this article, we will use three.js to create efficient gooey texture images that we’ll use to reveal other images when hovering one.You can tap on a picture and it will grow to a bigger size while some other substance appears. We'll go over the most interesting part of the impact with the goal that you get a comprehension of how it functions and how to make your own hover images.Now we need to start making some changes but first, we need to put the images in the HTML. It will be very simple to deal with resizing our scene after we set up the underlying position and measur...
How To Create Percentage Circles with jQuery and CSS3
jQuery Plugins

How To Create Percentage Circles with jQuery and CSS3

Percentage Circles This Article Is about how To Create Percentage Circles with jQuery and CSS3 percircle.js is a lightweight jQuery module used to make an unadulterated CSS circle/ring to speak to rate information utilizing CSS3 changes and a little JavaScript.Extraordinary for making progress bars or stacking markers for your web application. Check also:ProgressBar: jQuery Image Progress Bar PluginInstallation of percircle.js: # Yarn $ yarn add percircle# NPM $ npm install percircle --save Step by step instructions to utilize it: 1. Incorporate the jQuery library together with the jQuery percircle's JavaScript and template on the website page.<link rel="stylesheet" href="css/percircle.css"> <script src="//code.jquery.com/jquery.min.js"></script...
Top 5 jQuery Plugins that Cost Money
jQuery Plugins

Top 5 jQuery Plugins that Cost Money

jQuery Plugins that Cost Money This article, we discuss about Top 5 jQuery Plugins that Cost Money.The jQuery Slider can assume a significant job with regards to catching the eye, showing pictures and sparing space on your site. It upgrades the site UI by giving an advantageous method to show pictures, recordings, media and significant data which the client can slide through. 1. Slidedeck jQuery Plugins SlideDeck is a ground-breaking slider module made for website specialists. With SlideDeck, you can sort out a web content into a lovely and easy to use slider.Advantages:> Saves Development Time> Beautiful Default Design> Powerful Features and APIDiligent SupportSource + Demo 2. jQuery Slider Banner Image Rotator for HTML li jQuery Image Slider/Banner I...
Lightweight jQuery Grid Layout Plugin 
2019, jQuery Plugins

Lightweight jQuery Grid Layout Plugin 

This article is about Lightweight jQuery Pinterest like Fluid Grid Layout Plugin. Features of Grid Layout PluginFully responsive and customizable via Javascript and CSS3. Ultra-lightweight. Only 3kb minified. Grid schemes via javascript.1. JQuery Babylon Grid plugin. <link rel="stylesheet" href="jquery.babylongrid.css"> <script src="jquery.min.js"></script> <script src="jquery.babylongrid.min.js"></script> 2. Create the Html for a grid layout.<div id="babylongrid"><article> <div class="h3 title"> Title 1 </div> <div class="desc"> Description 1 </div> </article><article> <div class="h3 title"> Title 2 </div> <div class="desc"> Description 2 </div> &l...
How To Use jQuery Plugin To Auto Redirect To Mobile or Full Website
2019, JQuery mobile, jQuery Plugins

How To Use jQuery Plugin To Auto Redirect To Mobile or Full Website

How to use jQuery Plugin To Auto Redirect This post is all about how to use jQuery Plugin To Auto Redirect.1. Include the jQuery library and the jQuery mobile redirect plugin on your mobile and full website.<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="src/jquery.mobile-redirect.js"></script>2. Add cookie support to the plugin.<script src="jquery.cookie.js"></script>3. Add a link to the full version of your website.<a href="#" id="full-site">Switch to full version</a>4. Call the plugin and specify the paths to the mobile & full websites.$("#full-site").mobileRedirect({ mobileUrl: "mobile.html", fullUrl: "full.html" });5. All plugin options.$("#fu...
How To Create Payment Form With Credit Card Check Plugin
2019, JQuery Form plugins, jQuery Plugins

How To Create Payment Form With Credit Card Check Plugin

This article is about how to create an amazing Payment form with the credit card check plugin using JQuery. Credit Cards Included:Visa Master Amex Diners Discover JCBHow to use Credit Card Check Plugin 1. The required HTML for the credit card form. <form id="credit-card"> <div class="row"> <div> <input type="text" id="cc-number" required="required" placeholder="CARD NUMBER"> <span id="show-cc-label"></span> </div> </div> <div class="row"> <div class="col-1"> <input type="text" id='cc-expiration' required="required" placeholder="VALID THRU"> </div> <div class="col-2"> <input type="text" id="cc-cvv" required="required" placeholder="CVV"> <i class="i-icon-payment i-i...
How to Create a Basic jQuery Plugin
Article, Core Java Script, jQuery, jQuery Plugins, Uncategorized

How to Create a Basic jQuery Plugin

 Creating a basic jQuery Plugin is not very simple & not much difficult, you have to work from the code which can run to make a Plugin. Here we're expressing a few tips which can help you to do it easier.Look Out dis Basic Code[symple_clear]$( "a" ).css( "color", "red" );Teh above-mentioned codes are just as a sample. When you simply use teh $ function to select elements, it returns in teh form of jQuery object. Basic Plugin Plugin This test plugin is supposed to work like this: When an element is clicked, it moves down. Simple as that.[symple_clear] jQuery.fn.moveDown = function(howMuch){ $(this).css("border", "1px solid black"); $(this).click(function(){$(this).css("position", "relative"); $(this).animate({top: '+='+howMu...
Countdown Timer With Progress Bar  jQuery auto-refresher
jQuery Plugins, JQuery time & clock plugins

Countdown Timer With Progress Bar jQuery auto-refresher

Countdown Timer JQuery This Article is all about JQuery Plugins. Countdown timer jquery is a jQuery plugin to create a time countdown progress bar that visualizes the remaining times and triggers a custom function when the countdown is completely finished.The countdown is a simple jQuery countdown plugin for counting down minutes and seconds from any time to zero.The plugin also provides customizable controls that enable the user to start/stop the countdown timer manually. How to use countdown timer jquery plugin 1. Link to the jQuery library and the auto-refresher plugin's files in the document.1 <link rel="stylesheet" href="dist/css/autorefresher.min.css" />2 <script src="dist/js/autorefresher.js"></script>...
New JQuery Rating Plugins 2019
jQuery, jQuery Plugins

New JQuery Rating Plugins 2019

JQuery Rating Plugins This Article is all about JQuery Rating Plugins. Like all our products, the Reviews Add-on works out of the box and requires zero configuration. The Rating-Widget Star Ratings WordPress plugin allows you to create and manage ratings from within your WordPress dashboard. You can implant thumb and star ratings into your posts, pages or remarks. lets read about some JQuery Rating Plugins.JQuery Rating Plugins 2019 You can implant thumb and star ratings into your posts, pages or remarks. All Rating-Widget star appraisals are completely adaptable, cross-program, support multi-language, CSS3 consistent. You can make boundless thumb and star appraisals and gather boundless votes. 1. rateYorateYo is a straightforward and adaptable jQuery star rating module th...
7 Best jQuery Pagination Plugins
jQuery, jQuery Plugins

7 Best jQuery Pagination Plugins

JQuery Pagination Plugins This article is all about the best JQuery Pagination Plugins for 2019 users. 7 Best jQuery Pagination Plugins The Table Sortable jQuery plugin helps you render a customizable dynamic data table from JSON or JavaScript objects, with paginate, liver search, and data sort capabilities.[Demo] [Download]Convenient Long List Pagination Plugin With jQuery - HZpagination.js HZpagination.js is a lightweight jQuery plugin that provides a convenient and client-side pagination experience on your long HTML lists.[Demo] [Download]Paginate Large Sets Of Data Using Bootstrap 4 Pagination - Buzina Pagination Buzina Pagination is a small jQuery plugin that uses the Bootstrap 4 pagination component to paginate large sets of data with navigation l...
jQuery Dialog Box Plugin – Zebra_Dialog
jquery other plugins, jQuery Plugins, JQUERY ZEBRA_DIALOG

jQuery Dialog Box Plugin – Zebra_Dialog

A great way to show quick information to your users is to use jQuery modal dialog boxes or windows. If done correctly, good looking dialogs can be an easy way to make your site feel more modern without a lot of extra work.Here are some Modal Dialog Boxes for you, enjoy!Update 12 Dec 2013: Updated all plugins in this post and added new images of demos. Removed missing plugins and added new ones. There are now 18 decent ones.Update 10 March 2016: The list of plugins has been completely updated and refreshed. If you’re not already using jQuery, skip to the bonus section for JavaScript libraries that don’t require it! 1. vex Easily styled, highly configurable, and mobile-ready, vex is a pleasure to use. Start using vex on your projects as simply a drop-in replacement, without...
How To Add and Remove rows in a Table Using jquery
jQuery, jQuery Plugins

How To Add and Remove rows in a Table Using jquery

Add and Remove rows in a Table This article is about how to Add and Remove rows in a Table Using jquery?These jQuery tutorials help to understand dynamically adding and removing rows in a table using jQuery, before jQuery we can manage this functionality using javascript but with jQuery, you do that within some lines code.Sometimes we need to add and remove a row in a table on the fly, so I need a way that will generate sample row and add into the table body dynamically. jQuery can easily dynamically create a row and add to the table or remove a row from a table.You can also read my previous tutorials Alternate Table Rows Color using jQueryI will provide you simple jQuery code which will generate a row and add into a table and on click of remove button that row can remove ...
jQuery Notification Message Plugins for Websites
jQuery, jQuery Plugins

jQuery Notification Message Plugins for Websites

jQuery Notification Message Plugins JQuery Notification message Plugins started with desktop OS’ but they’ve since been ported to the web with some great plugins. And I’ve curated this list of my top 7 picks for jQuery free notification plugins.These all have unique designs and features so no two plugins are alike. But they all share the same values of being 100% free, open-source, and pretty easy to set up with just a copy of jQuery. jQuery Notification Plugins For Message 1. NotyThe Noty plugin uses a bunch of custom animations and beautiful message designs. You have full control over the animation styles and the color choices, but the defaults should work with any site.Each Noty message slides into view from the corner of the screen and just looks like a small tooltip r...
How To Set jQuery Value For Any Type of Input Dynamically
jQuery, jQuery Plugins

How To Set jQuery Value For Any Type of Input Dynamically

Dynamically change an input field using jQuery In This Article, we discuss dynamically change an input field using jQuery. Quick share of a problem I had solved for setting form input values dynamically irrelevant of the input type. Hopefully will help someone out there. Problem Setting form input values dynamically for input, select, checkbox, radio etc… they all have different methods of setting values. So I was looking for just 1 function which could be passed the input element and set the value based on the input type.As you may know if you use :input this grabs all inputs on a form: $('form :input'); I have looked at something similar before for an auto form filler. And also for a field get and set function.Also to get the type of an input is fairly easy: $('form #input'...
jQuery Carousel Plugins
2019, jQuery, jQuery Plugins

jQuery Carousel Plugins

jQuery Carousel Plugins In This Article, we discuss Best JQuery Carousel Plugins' use in 2019. That will let you easily present images and contents on your websites and make them visually stunning and eye-catching. 1. Tikslus CarouselTikslus carousel is a jquery based fully responsive image carousel with Support for custom animation Via CSS3 classes, and can be used without providing width and height of the images, also you can use it with jquery mobile plugin. 2. Silver TrackSilverTrack is a jQuery plugin designed to be extensible through other plugins. It has a small core and comes with very useful plugins. 3. SlickSlick is a fully responsive touch carousel that comes with a number of features such as desktop mouse dragging, infinite looping, autoplay, dots arrows, swipe...
Best jQuery Notification plugins
2019, jQuery, jQuery Plugins

Best jQuery Notification plugins

Best jQuery Notification plugins 2019 This Article is all about Best jQuery Notification plugins 2019 that will enable you to create various notification messages and alerts for your websites and web applications and give your visitors a better end-user experience. 1. jQuery Toastmessagejquery-toast message-plugin is a JQuery plugin that provides android-like notification messages. The toasted messages arriving on the screen in a seamless and natural way. 2. jQuery Notification MenuA jQuery plugin to add notification bubbles and a notification list to any menu. 3. Notynoty is a jQuery plugin that makes it easy to create alert, success, error and confirmation messages as an alternative the standard alert dialog. The notifications can be positioned at the top, top centre (lik...