In this tutorial, we are going to create an Autocomplete Input element using jQueryUI. jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you’re building highly... Read more
JExcel is a lightweight JQuery plugin that enables us to create a Microsoft Excel like environment in our webpage. Source Code : <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>JQuery Excel</title> <link href="https://cdnjs.cloudflare.com/ajax/libs/jexcel/4.6.1/jexcel.css" rel="stylesheet"> </head>... Read more
Welcome to yet another interesting tutorial in which we will be designing a webpage. The webpage shows a single item in a single view and when scrolled jumps to another item. Source Code <script type="text/javascript" src="jquery.min.js"></script> <link rel="stylesheet" href="bootstrap.min.css"> <style... Read more
In this article, we are going to learn to develop a custom music player using HTML, CSS and JavsScript (preferably JQuery). Full Source Code : <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <script src="https://kit.fontawesome.com/a062562745.js" crossorigin="anonymous"></script> <title>MP3 Player</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>... Read more
In this article, we are going to learn to create/develop a working analog clock using HTML, CSS and jQuery. The basic login in this analog clock lies in the fact that a complete one round is equivalent to 360 degrees.... Read more
In this article, we are going to design an animated card slider with next/previous button using jQuery. The following source code provides us with a card slider UI design with next and previous button. The basic idea is to allow... Read more
Accordions are the special type of UI element belonging to Tab Type Category. You can use them to create sidebars, menus or for creating interactive pages with lengthy content . Accordions are useful when you want to toggle between hiding... Read more
In this article, we are going to learn to flip card block in HTML using JQuery. We will be using JQuery and plugins including wow.js , sticky.js and slick.js in order to achieve this. Full Source Code : <script... Read more
In this article we are going to learn to enable rotating a car using Jquery plugin. We will be using a number of car images and create a rotating effect with changing the pictures. View Output Here : https://www.carwale.com/ford-cars/freestyle/360-view/ Step... Read more
In this article, we will be going through a simple Javascript and JQuery code that enables us to get the selected or highlighted text. In case, you want to show a custom menu or enable user to share the text... Read more
jVectorMap uses only native browser technologies like JavaScript, CSS, HTML, SVG or VML. No Flash or any other proprietary browser plug-in is required. This allows jVectorMap to work in all modern mobile browsers. Many maps of the world, world regions,... Read more
TypeIt is the most versatile JavaScript typewriter effect utility on the planet. With a straightforward configuration, it allows you to type single or multiple strings that break lines, delete & replace each other, and it even handles strings that contain... Read more