Dark mode : 3 façons de l'implémenter.
Вставка
- Опубліковано 18 жов 2024
- 🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-w...
📚 Tous mes cours sur UDEMY : liste-des-cour...
🚀 1 Cours gratuit en t'abonnant à ma newsletter :
www.le-designe...
Le lien du Discord : / discord
Ma chaine en Anglais :
/ @thewebschool
Je suis aussi sur la plateforme Tuto.com :
fr.tuto.com/fo...
Code source de la vidéo : codepen.io/Zir...
Code source pour toggle les variables CSS : codepen.io/Zir...
🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/
📚 Tous mes cours sur UDEMY : liste-des-cours.com/
merci beaucoup
Le son est parfait
Nickel, merci pour le retour
le son est parfait !
Nickel merci !
Super interessant encore une fois ! Merci de partager tes connaissances avec nous :-) Et je confirme RAS pour le son c’est parfait !
Parfait... Merci Boss !
le son est correct, Merci Enzo pour ce tuto !
Bonjour très bien le son du micro tu peux fais une vidéo ? reste sur la dark quand on appuie sur f5 la dark reste sombre sa passe en light quand on appuie sur f5 le utilisateur, peux choisirez dark ou le light
bonjour ecole du eb pour le song cest cool j'ai par contre une preocupation j'ai implemente le prefer-color-schemeet jaimerais changer avec un boutton en javascript comment faire ?
si tu as une idee elle serait la bienvenue merci
Super tutoriel merci j’ai réussi !!!
le son est nickel !
Merci pour la vidéo. Comment fait-on pour que le darkmode s'applique à l'ensemble du site et persiste après refresh de la page, avec un cookie?
Tu peux utiliser le "sessionStorage"
Sympa comme vidéo!! J'ai fait quelque chaise de similaire il yva quelque semaines, j'ai fait un pop un qui apparait a partir de 20h, et qui explique que le site à un mode nuit, si la personne clique sur le bouton il s'active, sinon rien ne se passe..😉
Génial :)
@@EcoleduWeb merci!!😉
Pouvait-on utiliser une checkbox pour allumer/éteindre le dark mode ??
Tu as choisi qu'elle modèle de clim mobile ?
Merci pour tes vidéos !!
Une clim chez boulanger qui fonctionne bien sur 18m² max, d'où le changement de pièce :)
Des livres ça marche aussi ;) c’est plus écologique et ça rend plus intelligent :)
Bonjour, j'ai un souci avec le js lié au bouton toggle présenté vers 14min10.
En effet, chrome me remonte l'erreur suivante "Uncaught TypeError: Cannot read property 'addEventListener' of null at btn_toggle (fonctions.js:37)"
J'ai dû zapper un truc ?
Bonjour il faut que ta balise script tu la deplace a la fin de ton body
@@skyrox_29 Merci
Salut, j'aurais aimé faire un darktheme sur plusieurs pages ! Y'a t'il une solution?
Cc super vidéo, penses tu que c’est possible du coup de switcher la couleur d un logo qui es en svg ? En js ou pas d ailleurs ?
bonne vidéo mais je viens de commencer sa serai cool que tu développes plus l’utilité des commandes sinon merci👍🏼👍🏼👍🏼
12:00
Pas de soucis au niveau du son.
ça va le son
Le son passe très bien !
18:30 sauf erreur de ma part, tu avais fait une vidéo sur ces spécificités de id, de class et d'attribut ;-)
EDIT : voilà, j'ai retrouvé : ua-cam.com/video/JpRzRx1cLXs/v-deo.html
** Petite question : comment garder le choix du mode light/dark d'une page à l'autre ? cookie ?
En effet j'avais fait une vidéo dessus , bonne mémoire ;)
Pour le garder d'une page à l'autre il faut soit le réécrire dans des fichiers CSS séparés (si on a un fichier par page par exemple).
Soit bien "linker" le fichier CSS global à toute les pages!
son nickel, arrete les frais ^^, classList.toggle ...
Aha merci pour le retour, en effet toggle, je l'avais zappée :)
@@EcoleduWeb J'utilise classList.replace() pour le coup, marche bien aussi !