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 »

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 »

CSS : Rotate icon on Hover

In this article, we are going to rotate an icon on mouse hover using CSS transform. The transform property applies a 2D or 3D transformation to an element. This property allows you... Read more »

Design a Attractive Custom 404 Page

A 404 page is what a user sees when they try to reach a non-existent page on your site. Its not necessary that you always find the page you wanted to surf. Sometimes, users have to come... Read more »

How to wrap text around image using HTML and CSS ?

Normally while designing webpage we will need to use images and text within. Sometimes, we also might need to wrap the text around the image as shown in the image above. In... Read more »

Build a simple Calendar in Website using PHP (With Source Code)

A Calendar is a chart or series of pages showing the days, weeks, and months of a particular year, or giving particular seasonal information. In this article, we will be learning to... Read more »

Design Full Page Overlay Advertisement using HTML, CSS and JavaScript

Most of the websites nowadays are attracted to full page overlay ads for promoting third party as well as their own content in the websites. In this article,  we have a code... Read more »

Simple Responsive YouTube Video Embeds

YouTube has become very popular among all user groups in recent times. Be it informative, factual videos or the comedy and entertainment ones, we all are a huge fan of YouTube. With... Read more »

Show Sticky Footer when User Scroll Down using CSS and JavaScript

In this post, we are going to design a sticky footer section which can be used as an Advertisement Slot. The sticky footer will be visible only when user scrolls down. Once... Read more »