css

31 January 2022 | get inspired | | 0 Comments

You want enabling CSS selectors, not disabling ones

An enabling selector is what I call a selector that does a job without disabling the particular rule. I’ll explain using the following example. Let’s say we have list items and we want to add the margin to every one except the last one. Here’s the usual, disabling way. First, we add margin-bottom to all elements. Then, […]

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

12 January 2022 | get inspired | | 0 Comments

CSS flexbox tutorial – How to build a fixed side and bottom navbar

Flexbox can help you simplify the process of creating both basic and advanced layouts. And it’s pretty straightforward to create side and bottom navigation menus with CSS flexbox or Grid. These layouts are so popular that they appear almost everywhere on the web (for example check out Twitter’s sidebar, which inspired this article). Normally, to create a fixed […]

29 December 2021 | get inspired | , | 0 Comments

So many little design helper sites!

I had one of those little single-serving designer helper sites bookmarked the other day: getwaves.io. Randomized SVG waves! Lots of cool options! Easy to customize! Easy to copy and paste! Well played, z creative labs. But then I saw the little link at the top of the page, that it was part of something called Haikei. So I […]

14 December 2021 | get inspired | , | 0 Comments

How to create pure CSS glitch animation for images and SVG

A few days ago, I made a post about how to make a Glitch Effect on pure CSS. But in that post I told you how to make a similar effect only for text. Today I want to tell you about how to implement such animation for images and SVG. Images Here, in fact, everything […]

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

26 October 2021 | get inspired | , | 0 Comments

How to create glitch effect pure CSS

Today I would like to talk about how to make a Glitch effect using CSS. To do this, I will use one of the most popular options. This is when we use pseudo-elements to create copies of the main element. HTML In the HTML section, we need to create just 1 tag, inside which you should write the text, […]

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

Scroll to top