How to create Go To Top button in a Webpage ?

In this article we will be learning to create a Go To Top Button in our webpage. We will show a Go To Top button in our webpage if user is not in the top. On clicking the button, the... 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 the increasing popularity of YouTube videos, we often... 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 closed it wont be displayed until next reload.... Read more

Disable Landscape View in Mobile View Using JavaScript and CSS

  Page Orientation According to Wikipedia, Page orientation is the way in which a rectangular page is oriented for normal viewing. The two most common types of orientation are portrait and landscape. The term “portrait orientation” comes from visual art... Read more

On/Off Toggle Switch using CSS and JQuery

On/Off Toggle Switch using CSS and JQuery
In this post, we are going to design an On/Off Toggle Switch using HTML, CSS and JQuery.   Full Source Code for On/Off Toggle Switch : <style type="text/css"> .onoff{ height: 20px; padding:2px 5px; color:#fff; border-radius: 5px; width:70px; text-align: center; margin-bottom:... 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