Add Source Link or Copyright Note When Someone Copies Text from your website

The following post shows a simple JavaScript code to add link for reference when someone copies text from your website. You can just copy paste the following code to your webpage and... Read more »

Instagram API to fetch User Profile, Followers, Following, Posts

Simple Instagram API that fetches User Profile, Followers, Following, Images, Posts, Likes , Shares using JavaScript #Instagram #API #InstaAPI Full Source Code : <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <style> .posts{ display:... Read more »
Access WebCam using JavsScript

Access WebCam using JavaScript

In this post, we are going to learn to access WebCam using Javascript. We will use getUserMedia to access WebCam and show the video in our webpage. Full Source Code to Access... Read more »

Show toast/snackbar in a webpage using CSS and JavaScript

In this post, we will be learning to display a simple toast message or snackbar in a webpage using CSS, HTML and JavaScript. Full Source Code :   <style> #snakbar{ visibility:hidden; min-width:250px;... Read more »
Moving Car Animation with CSS and JavaScript

Moving Car Animation with Javascript and CSS

In this post, we will be going through a simple moving car animation using only Javascript and CSS. We rotate wheels with CSS and move car using JavaScript. Full Source Code :... Read more »

Animate SnowFall in your webpage with CSS and JavaScript

In this post, we are going to learn to animate a snowfall in webpage using CSS and JavaScript. The full source code for this animation is as follows :   <script> var... Read more »

Get city and country and Client IP using JavaScript

In this post, we are going to learn to get city and country and client using JavaScript. Sample JavaScript to get city and country and Client IP using JavaScript   <div id="IP">Loading...................</div>... Read more »