CSS

In this tutorial, we’re going to be learning how to build out a flip card using html and CSS. Prerequisites This tutorial assumes basic knowledge of HTML and CSS: including topics such as flexbox, CSS pseudo selectors and how to properly layout elements using CSS. This tutorial is not for absolute beginners, and as such, will not explain every basic concept. Before we start, I will like to explain the step-by-step process we’re going to follow in order to build out this flip card....

In this tutorial, we’re going to be stretching our html and css skills by building out a figma logo clone. Why are we building a figma logo clone? Two reasons: It is very easy to build. Anybody can follow along. It is not a very common thing to build. Plus, it sounds like fun to be building out the logo of a really popular UI design tool, so that’s what we are going to be doing....

We’re going to be adding dark mode to a simple website using javascript and the localStorage property of the window object. The localStorage property will be used in order to maintain dark mode even after the page is refreshed. Note: Before we start, I’d like to say that the best way to gain a lot from this tutorial is by following along, especially if you are a beginner.. (though it’s not necessary, it’s better if you could)....

In this tutorial, I am going to show you how to build a toggle switch with three states. Normally, a toggle switch has just two states: ON and OFF. That’s why it’s called a toggle switch. However, the other day, while I was browsing the Frontend Mentor website, searching for some frontend development challenges to work on, I came across the calculator challenge on their website. Working on this challenge required building a toggle switch with three states....