Website Components

How to make a Modal/Popup window in HTML, CSS, and Javascript

modal.png

In this article, we will learn how to make a simple modal/popup window using HTML, CSS, and Javascript. A modal window is a graphical control element subordinate to an application's main window." "

Read More

box-shadow vs drop-shadow() in CSS

box-shadow-vs-drop-shadow.png

In this article, we will see the difference between the box-shadow and drop-shadow(). The box-shadow is a CSS property but drop-shadow() is a function. Both box-shadow and drop-shadow() are used to cast a shadow. The difference between them is, the box-shadow property creates a rectangular shadow behind an element's entire box, while the drop-shadow() filter function creates a shadow that conforms to the shape (alpha channel) of the image itself."

Read More

How to make simple image slider using javascript?

image-slider.png

In this article, we will see how to make a simple image slider using javascript. The logic behind this javascript image slider is pretty straightforward. What we are doing is we are changing the image src in img tag from an array containing URLs of different images." "

Read More

How to make a simple analog clock using HTML, CSS, and Javascript ?

simple-AC.png

In this article, we will learn how to make a simple analog clock using HTML, CSS, and Javascript. It will show the current system time of your computer. " " "

Read More

How to make a Calendar Using HTML, CSS, and Javascript ?

simple-calendar-for-blogs.png

In this article, we will learn how to make a simple calendar in HTML, CSS, and Javascript.Html calendar is one of the widely used widgets in any website or blog. It is easy as well as tricky at the same time to make a calendar using HTML, CSS, and Javascript. We will understand the logic behind the javascript calendar using code and a video attached with this article." " "

Read More

Clock