25 January 2022 | get inspired | , , | 0 Comments

Build an accordion menu using HTML, CSS and JavaScript

You can use HTML, CSS and JavaScript to create stylish and dynamic web elements. And one useful element you can build is an accordion menu. Accordion menus expand and collapse when a user clicks a button. It’s a great way to not have to show all the info about a topic up front, and instead […]

JavaScript form validation – Build a JavaScript project for beginners

Today we’re going to learn how to do form validation in JavaScript. We’ll also add images and media queries to build out the entire project and keep it as a portfolio. You can get the source code, including the images, from here: CodePen GitHub Also, you can watch this tutorial on YouTube as well if […]

22 December 2021 | get inspired | | 0 Comments

On the dl

The <dl>, or description list, element is underrated. It’s used to represent a list of name–value pairs. This is a common UI pattern that, at the same time, is incredibly versatile. The Anatomy of a Description List I’ve been saying <dl>, when really, I’m talking about three separate elements: <dl>, <dt>, and <dd>. We start with our <dl>. This is the description list, akin to using a <ul> for […]

16 November 2021 | get inspired | , , | 0 Comments

How to make your to-do list editable with JavaScript

A to-do list is one of the first projects many developers create. The basic components are a way to add items and a way to delete them. This article is for those who have already implemented these basics and want to add the extra feature of being able to edit items once they are added. […]

10 November 2021 | get inspired | , , , | 0 Comments

JavaScript limit characters in textbox with HTML & CSS

If you want to make JavaScript Limit Characters in the input box then this article will help you. We see this type of character limit in the registration forms of websites. Where the user is told how many characters can be input there. Each character will count when you input the character. Warn the user […]

3 November 2021 | get inspired | , | 0 Comments

What is HTML – Definition and meaning of Hypertext Markup Language

HTML, or Hypertext Markup Language, is a markup language for the web that defines the structure of web pages. It is one of the most basic building blocks of every website, so it’s crucial to learn if you want to have a career in web development. In this article, I will walk you through what […]

19 October 2021 | get inspired | , , | 0 Comments

Automatic image slider using only HTML & CSS

In this article, you will learn how to create an automatic image slider using only HTML and CSS. First I designed the webpage then I made a box there. This box is the structure of this slider to which I have added the required images. Below I have given a live demo that will help you to […]

12 October 2021 | get inspired | , , | 0 Comments

CSS Flexbox vs Grid layout

Flexbox and Grid are two CSS layout models that can be used to create complex web application layouts with just a couple of CSS rules. This tutorial will help you understand the differences between Flexbox and Grid CSS layout models and a recommendation on when to use one over the other. Let’s start with learning how the […]

Scroll to top