Posted inCode Projects Web Development
Toggle Switch with HTML & CSS
To create a toggle switch, we will use HTML & CSS. If you want a more attractive toggle then you can add sliding animation, bouncing effect, color changes. etc. In…
Posted inCode Projects Web Development
4 Ways to remove an element from the array
JavaScript arrays allow you to group values and iterate over them. You can add and remove array elements in different ways. Unfortunately, there is not a simple Array.remove method. Here…
Posted inCode Projects Tips & Tricks Web Development
3 ways to hide an element with CSS
There are multiple ways to hide an element in CSS. At times, we need an element not being displayed on the screen to use later with JavaScript. The hidden element…
Posted inCode Projects
CSS Units Explained
CSS uses many different types of measurement units to use in the HTML document. The units are a requirement for CSS to measure the length. They are used to set…
Posted inCode Projects
7 Important HTML Tags for SEO
In this blog post, we'll take a look at some of the most important HTML tags for SEO and how to use them to improve your website's visibility in search…
Posted inCode Projects
Create a Flip Card with CSS
Create a Flip card with Pure CSS. The animation is a perfect example of bringing real-world movements to the web. Flip card animation style concept is frequently used in modern…
Posted inCode Projects
7 Ways to Find in array using JavaScript
There are many different ways to find value in an array. We will discuss few pre-defined ways to find value from an array using JavaScript. They are: find()findIndex()includes()indexOf()lastIndexOf()map()filter() 1. find()…
Posted inCode Projects
Create different shapes with CSS
Create different shapes with CSS. Creating shapes usually a combination of using width, height, top, right, left, border, bottom, transform, and pseudo-elements. CSS is capable of making all types of…
Posted inWeb Development Code Projects
CSS Selector Cheatsheet
▶ With CSS we can style our page. You can create patterns to select the specific element you want to style. Here is a CSS Selector Cheatsheet. A combinator is…
Posted inWeb Development Code Projects
Glassmorphism Design
Glassmorphism is a new design trend becoming popular among designers. This trend represents the old Window 7 smooth glass feature. Glassmorphism is a light or dark surface placed on top…