8 February 2022 | get inspired | | 0 Comments

Animation techniques for adding and removing items from a stack

Animating elements with CSS can either be quite easy or quite difficult depending on what you are trying to do. Changing the background color of a button when you hover over it? Easy. Animating the position and size of an element in a performant way that also affects the position of other elements? Tricky! That’s […]

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 […]

7 December 2021 | get inspired | | 0 Comments

What is the DOM? Document Object Model meaning in JavaScript

If you have just started learning JavaScript, you might have heard of the DOM. But what is it exactly? In this article, I will explain what the DOM is and provide some JavaScript code examples. We will take a look at how to select elements from an HTML document, how to create elements, how to […]

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 […]

14 September 2021 | get inspired | , | 0 Comments

What is a JSON File? [Example JavaScript code]

JSON stands for JavaScript Object Notation. A JSON file has .json as its extension and the data inside are represented in a key:value pair, just like a traditional JavaScript object. JSON and objects aren’t exactly the same, though. The core difference is that the key in JSON must be in double-quotes, and the values apart […]

17 August 2021 | get inspired | | 0 Comments

JavaScript online – HTML, CSS and JS code editor list [Browser IDE tools]

There are many benefits to coding in an online IDE or code editor. With these tools you don’t need to set anything up locally, you can easily share your work, and they are often free to use. In this article, you’ll learn what a code editor and an IDE are. Then I will also share […]

Scroll to top