Autocomplete Input using jQuery UI
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…
Free JQuery Excel Plugin with working code and demo
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"…
One Thing Per Page Design using HTML, CSS, JavaScript and JQuery
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"…
Create Custom Music Player using HTML, CSS and JavaScript
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…
Create an Analog Clock using HTML, CSS and jQuery
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. The position of hour hand, minute…
Animated Card Slider using jQuery
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 users to swipe through…
Create Custom Accordion using JQuery
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 and showing…
Flip/Animate Cards using JQuery
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…
Rotate Car Using JQuery
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/…
Get Selected/Highlighted text using JQuery
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 via social medias or copy the selected text,…
Implement World Map using jVectorMap
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,…
Animated Typing with TypeIt.js Jquery Plugin
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…