Design Simple yet Pretty Login Form for Admin Panel
Designing an attractive and pretty looking Login Page wouldn’t be a thing to bother for a professional designer. However, non designers ( perhaps programmers), are always looking for a template for these HTML designs. Most of the templates or…
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 user will be taken to the top of the webpage with smooth animation.…
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 find ourselves…
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. CSS : <style>…
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…
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;…
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;…
Moving Car Animation with Javascript and CSS
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{…