In this article, we are providing you with a code snippet which you can include in any webpage where you want to display the internet speed in Mbps. Basic Idea : The... Read more »
In this tutorial, we are going to create a QR Reader using JavaScript and HTML5. JavaScript enables us to access the camera and then we can easily scan the QR code to... Read more »
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 »
In this article, we are going to learn to create a draggable HTML element with pure JavaScript and no use of any other libraries or plugins. Source Code : <!DOCTYPE html> <html>... Read more »
In this post, we will be writing a simple JavaScript function that will generate random color which we set as the background of webpage. Source Code : <body onclick="changeColor();"> </body> <script type="text/javascript">... Read more »
In this tutorial, we will be using JavaScript to create a bulb on/off effect in a webpage. The following source code uses two identical bulb images one in on state while the... Read more »
The following source code demonstrates the use of GreenSock (gsap.min.js) to show a sample SVG animation. Source Code : <style> body, html { width: 100%; height: 100%; } body { display: flex;... Read more »
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 »
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 »
The following source code enables us to create a custom playlist with just the videos that we want to play. Full Source Code : <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.4/css/bootstrap.min.css"/> <style type="text/css"> body{ background:... Read more »