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 »
In this article, we are going to design an animated card slider with next/previous button using jQuery. The following source code provides us with a card slider UI design with next and... Read more »
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... Read more »