Believemy

Web development

HTML, CSS, JavaScript, React, Next.js, Git: step-by-step tutorials to build your own website or tool.

Send an email with NextJS and SendGrid for free

Have you always wanted to send emails with JavaScript? Or more specifically, how to send emails with React or NextJS? Then let's find out together how to use SendGrid! It's a quick and easy solution to set up that will help us ensure that our emails are sent and, most importantly, received.

How can you use CSS variables to make everything more dynamic?

Perhaps you've already had that moment when you wanted to change the main colour of one of your projects? Or perhaps you've already experienced those moments when you go back to retrieve the colours of your site's theme? It's all very time-consuming and impractical. Thanks to CSS variables, this will be a thing of the past! Let's find out how.

Add a "click to copy" button with JavaScript

Would you like to make it quick and easy for your users to copy text onto your project? That famous link to share your article? That affiliate link that helps you generate extra sales? Then this article is for you! Let's take a look at the two main methods for adding a "click to copy" button with the help of JavaScript.

All about the new :is() and :where() selectors in CSS

Let's take a look at the latest selectors offered by CSS: where and is! These selectors will allow us to reduce our code and select our elements more flexibly.

The out-of-range selector (for styling when a value is not correct)

Have you always wanted to dynamically check the values entered by your users in a form field without using JavaScript? Here's how to change the style of a field when a number entered by the user is invalid!

The 8 best extensions for Chrome (Google Chrome, Brave, ...) that every developer should have

Would you like to have the best extensions to increase your productivity as a developer? We've selected the 8 best for your Chrome browser, whether it's Google Chrome, Brave or many others!

Creating a markdown previewer with React

Creating a real markdown previewer with React, and above all, doing it correctly, requires real concentration! Fortunately, with a little help anyone can do it. Here are a few tips for creating your own markdown previewer!

When should you use brackets with React?

To put brackets or not to put brackets... This can be a complicated subject when you're new to React! Let's find out together when to use brackets and when not to.

What are the differences between "props" and "state" with React?

Props... Properties... State... State... At first, it's always a bit... strange! To avoid any doubts, let's take a look at the differences between props and state in React.

Class-based component VS Functional Component with React

Have you always wondered about the difference between a component using a class and a component in the form of a function with React? Then this article is for you!

Create a menu that spans the entire page using CSS

From time to time we have to ask our visitors which page they want to go to, by displaying the main sections of our website. This menu is often not very pleasant to use, so let's find out together in this article how to make it much more modern, with beautiful animations that will make your passers-by want to visit your site!

Animate SVG illustrations with Lottie and JavaScript

Would you like to animate your illustrations without having images that are too heavy? Perhaps you'd even like to manage the speed? Then you've come to the right place! Find out how to animate SVG illustrations with Lottie!