How to preview image before upload using JavaScript ?

In this tutorial, we will be learning to preview an image without actually uploading it to the server. We will use couple of lines of JavaScript code to achieve this. We will... Read more »

Design progress bar using CSS and JavaScript

A progress bar is a graphical control element used to visualize the progression of an extended computer operation, such as a download, file transfer or installation. A progress bar can be used... Read more »

How to share URL in Facebook Messenger through web ?

The following script enables you to share any link/URL in Facebook Messenger from webpage. We have used Facebook JavaScript SDK to achieve this. The script opens a new window in desktop web... Read more »

Confetti Party Popper Animation using JavaScript

  What is a Party Popper ? A party popper is a handheld pyrotechnic device commonly used at parties. It emits a loud popping noise by means of a small friction-actuated explosive... 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 »

How to create FAQ page using HTML and CSS ?

In this tutorial, we will learn to create a FAQ page using HTML, CSS and a bit of JQuery.   Source Code : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>FAQ</title> <link rel="stylesheet"... Read more »

Detect Keyboard key press using JavaScript

We are going to use JavaScript to detect which key is pressed in keyboard. We will track an event listener to know the key code and key name of the key that... Read more »

Display Hide HTML Element on Scroll using JQuery

In this tutorial, we are going to learn to hide/show HTML element on scroll inside a webpage. Source Code : <style type="text/css"> .more-stories{ display: none; position: fixed; bottom: -50px; right: 10px; width:... 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 »

Counter App using HTML, CSS and JavaScript

In this tutorial, we are going to develop a simple Counter App using HTML, CSS and JavaScript. The code uses JavaScript event listener to either increment or decrement the counter value.  ... Read more »