Building a Random Card Generator from a Deck of 52 Cards

A standard deck of cards consists of 52 cards divided into four suits: clubs (♣), diamonds (♦), hearts (♥), and spades (♠). Each suit contains 13 cards, starting with the Ace, then... Read more »

Rotate Image using jQuery and CSS

In this tutorial, we are going to rotate an image using CSS transform property. CSS transform property allows us to rotate, scale, move or skew elements. Follow this video for complete guidance... Read more »

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... Read more »

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" content="IE=edge,chrome=1"> <meta... Read more »

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... Read more »

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... Read more »

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... Read more »

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... Read more »

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... Read more »

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... Read more »