Believemy

Web development

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

Syntax highlighting with HTML and CSS

If you have a blog or a portfolio on which you want to present code, whether HTML / JavaScript or CSS code extracts, you have undoubtedly come up against a problem: how do you activate syntax highlighting to make it look as if you had put the code in a code editor? In this article, we'll look at how to do it.

Make an animated notification message with JavaScript

Whether it's to quickly warn your users that a feature of your site is not yet available or to let them know that an action has been successfully completed, notifications are the simplest and most modern way to set up. Find out how in this article!

Detect the preference (DARK | LIGHT) of a user's computer

Offering a dark version of your website is gradually becoming a standard that sites need to adopt for the benefit of their users. In this article we'll look at how to create a dark theme and how to detect your visitor's preferences.

Detecting the shift key on a form with JavaScript

Whether it's for your registration or login forms, or even on your password change pages, warning your users when they use the shift key on their keyboard will considerably improve their experience on your site. In this article, we'll show you how to do this very easily!

Create a button with a notification bubble with CSS

Whether in a dashboard or for a notification system, a button displaying the number of events at a glance is a real must-have for your users' experience. Let's take a look at how to create one easily in this article.

Make an arrow that expands when hovered over with CSS

Whether it's to make your users want to see your project, read your article or access a page on your website, presenting your link with an arrow will make it easier to catch your visitors' eye! Let's find out in this article how to animate this arrow to enhance your readers' experience.

Animate emojis like on Discord with JavaScript

Would you like to create a button whose emoji changes every time you move your mouse over it? Like on Discord? Then this article is for you!

Animating a checkbox with CSS

Animating the checkboxes in your forms can greatly improve the experience your users have and will undeniably increase their desire to fill them in. A form that's more fun to fill in is a form that your users will fill in more often. In this article, we'll look at how to animate a checkbox using CSS!

Show / Hide on a password field

The login form is the most common form found on websites. Creating a login form that gives users the choice of displaying or hiding their password is therefore an element that will considerably improve the lives of your users. Let's find out how in this article!

Create hover text on image with CSS

We've already seen how to create an element that is displayed when the mouse hovers over an image, but in this article we'll show you how to display a whole host of information very fluidly by hovering the mouse over an element!

Create a live counter of Instagram followers

Here's how to create a live Instagram follower counter that updates automatically every second! Very useful for your websites! We're using the very latest JavaScript feature: fetch!

Creating a NEON button with CSS

Creating a button is one thing! But creating a button that your visitors want to click is something else entirely. In any case, this neon button will catch the eye of everyone who visits your pages.