The Secrets to Success

Life is full of uncertainties. You never know what’s waiting for you in your next step. We tend to plan and look to take things in our control. However, the situation sometimes... Read more »

Random Background Color using JavaScript

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 »

Notebook design using HTML & CSS

The following source code provides few lines of HTML and CSS which creates a simple yet pretty looks of a notepad.   Source Code : <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Shadows+Into+Light'> <style> body { background:#000;... Read more »

Simple News Ticker using JQuery Plugin

Easy Ticker is a jQuery plugin helps you create a highly customizable, cross browser, flexible and infinite news ticker on your web page. Full Source Code : <!doctype html> <html> <head> <meta... Read more »

Create Marquee in webpage using CSS

Marquee is an animation effect for web pages used to create horizontal or vertical scrolling text and images. The <marquee> element of HTML is not a standard-compliant, ie the element is not... Read more »

Bulb On/Off Effect using JavaScript

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 »

Skeleton Loading Screen Animation using HTML and CSS

Skeleton screens are blank pages that are progressively populated with content, such as text and images, as they become available (i.e. when network latency allows). Grey or neutral-toned filled shapes, commonly called... Read more »

SVG Animation using GreenSock (gsap.min.js)

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 »

Better be Late than Regret

Whether we agree or not, all of us have been in situations when we have had no idea whatsoever on what should be our next step. We may or may not have... Read more »

Create Custom Music Player using HTML, CSS and JavaScript

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 »