Objectif Frontend. Comment installer facilement un switch jour / nuit (Darkmode)
ERROR
00:00
00:00

Tuto Objectif Frontend. Comment installer facilement un switch jour / nuit (Darkmode)

Carl Brison
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce cours en ligne, je vous propose d'apprendre à installer un mode Dark Mode sur votre site. Nous verrons comment intégrer facilement un switch jour / nuit sur vos pages web.

Pourquoi proposer un mode Dark Mode sur votre site ?

Plusieurs avantages :

  • Le mode nuit fatigue moins les yeux
  • Ce mode est moins gourmand en énergie (les pixels sombres consommant moins). 
  • En termes de lisibilité certaines couleurs se voient mieux sur fond noir 

En proposant cette fonctionnalité, vous améliorez ainsi l'expérience utilisateur de votre site !

Pour installer un Dark Mode, nous allons utiliser les langages HTML et CSS.
Le but de ce tuto issu de la collection "Objectif Frontend" est d'apprendre à mettre en place rapidement et facilement un switch sur une page web afin de venir manipuler les éléments HTML de la page en modifiant leur couleur.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je mets les codes de ce tuto à votre disposition.
Pour aller plus loin dans les connaissances utilisées dans ce tutoriel, je vous propose un tuto dédié à la connaissance des combinateurs en CSS.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du code HTML
Leçon 2
Mise en forme générale de la page web
Leçon 3
Mise en forme des détails de la page web
Leçon 4
Mise en place du fonctionnement du switch

Plan détaillé du cours

Leçon 1Mise en place du code HTML
05m38s
Leçon 2Mise en forme générale de la page web
10m32s
Leçon 3Mise en forme des détails de la page web
09m29s
Leçon 4Mise en place du fonctionnement du switch
10m01s

Aperçus

Avis des apprenants

Détail des avis
4
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Eric Reynaud
Eric Reynaud
Publié le 05/04/2023
Vraiment génial Carl le Darkmode !! J'ai appris encore de nouveaux concepts qui me seront très utiles. Au plaisir d'un nouveau tuto, Eric.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Eric ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 15/12/2022
Encore un très joli css. Merci!
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de ce tuto.

Attendez ! 🤗

Accédez à plus de 1452 tutos gratuits

Notre politique de protection des données