Access WebCam using JavaScript [Updated]

Access WebCam using JavsScript
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 WebCam using JavaScript <center style="margin-top:4%;"> <h1 style="margin-bottom:10px;">Access WebCam... Read more

Get Website Rank using Alexa API

Alexa Internet, Inc. is an American web traffic analysis company based in San Francisco. It is a subsidiary of Amazon. collects data on Internet browsing behavior and transmits them to the Alexa website, where they are stored and analyzed. Full... Read more

Minify HTML in Codeigniter using Hooks

Compress HTML in CodeIgniter using Hooks
HTML Minification is the removal of unnecessary characters and lines in HTML code. Indentation, comments, empty lines, etc. are not required while rendering in HTML. Trimming these details can save download file size not only without affecting the output but... 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; margin-left:-125px; background-color:#333; color:#fff; text-align:center; border-radius:2px; padding:10px; position:fixed; z-index:1;... Read more

Moving Car Animation with Javascript and CSS

Moving Car Animation with CSS and JavaScript
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 : <h2>Moving Car with JavaScript and CSS</h2> <style> body{... 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 snowmax=75; var snowcolor=new Array("#4285f4","#cc181e","#008000"); var snowtype=new Array("Arial Black","Arial... 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> <div id="Country">Loading...................</div> <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $.get('https://ipinfo.io',function(response){... Read more

How to create a WiFi Hotspot from your PC using Command (No third party tools required)

Create Wifi Hotspot from your PC using Command No any third party tools/softwares required Set Hosted Network Command netsh wlan set hostednetwork mode=allow ssid=TheNetwork key=123456789 Start Hosted Network netsh wlan start hostednetwork Stop Hosted Network netsh wlan stop hostednetwork  ... Read more

How to Embed Google Form in Your Website ??

In this post, we are going to learn to embed a Google Form in our website. We will embed a PHP script in our view file. The PHP script which we have embedded in our page will redirect to the... Read more

Get Geo Location Details of Client using PHP

In this post, we will be learning to get the geo location details of client using PHP. We use API from geoplugin.net to get the geo details of a location based on the IP Address which request the page. Here... Read more

Encrypt/Decrypt String using a Private Secret Key with PHP

In this tutorial, we are going to learn how to encrypt and decrypt a message using a private secret key with PHP.   <h1 style="text-align: center;">Encrypt/Decrypt String using a Private Secret Key with PHP</h1> <?php function encrypt($message, $encryption_key){ $key =... Read more

Realtime Air Quality Index (AQI) Fetch API

Air Quality Index
Full Source Code for Fetching Realtime Air Quality Index (AQI) based on location. <style> .wrapper{ display: flex; flex-wrap: wrap; } .green{ background-color: green; } .orange{ background-color: orange; } .gray{ background-color: #615f5f; } .yellow{ background-color: yellow; color:#000 !important; } .red{ background-color:... Read more

Complete guide to Free Daily Horoscope API using PHP

A complete guide on how to use free daily horoscope API using PHP Read more