Create a Chess Game with jQuery Plugin
Chess game is a timeless, strategic board game that has captivated the minds of people for centuries. It is a game of intelligence, requiring players to think ahead, predict moves, and utilize a wide variety of tactics to gain the upper hand. The…
Easy Signature Generator using CSS and jQuery
In today’s digital era, personalization is king. Whether you’re signing off an email, designing a virtual business card, or simply adding a unique touch to your content, a signature can go a long way. This article introduces a Signature…
Dynamic Student ID Card with HTML, CSS, and jQuery
Creating dynamic tools for everyday tasks has become an essential aspect of modern web development. One such interesting and functional application is generating dynamic student ID cards. With HTML, CSS, and jQuery, we can create a responsive,…
CSV Read and Write Using jQuery
In this tutorial, we’ll walk through how to read, display, and modify CSV files using jQuery. We’ll create an interactive web page that allows users to upload a CSV file, view its contents in a table, make edits, and download the modified CSV. The…
Part 2 : Creating a Dynamic File Manager with PHP
In our previous article Design a Custom File Manager Using HTML and CSS , we built a file manager’s design using HTML and CSS. If you haven’t gone through that yet, feel free to check it out for a simple, visually appealing interface for your…
Easy Football Lineup Selection with jQuery UI Drag Drop
Football, also known as soccer in some parts of the world, is a sport played between two teams of eleven players each. The game is played on a rectangular field, typically grass, turf, or artificial turf, with goals at each end. Each team consists of…
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"…
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/…
On/Off Toggle Switch using CSS and JQuery
In this post, we are going to design an On/Off Toggle Switch using HTML, CSS and JQuery. Full Source Code for On/Off Toggle Switch : <style type="text/css"> .onoff{ height: 20px; padding:2px 5px; color:#fff; border-radius: 5px; width:70px;…