Développeur Web - Je partage quotidiennement et j'aide les développeurs à s'améliorer en CSS moderne 🤗
Joined June 2014
- Tweets4.5K
- Following163
- Followers7K
- Likes3.1K
Un petit exercice pour tester ses connaissances sur les Scroll Driven Animations ça te dit ?
L'objectif : animer le carré de droite en scrollant sur le scroll container de gauche comme sur la vidéo.
Voici le CodePen : codepen.io/RatonCodeur/pen/v…
Je remettrais peut-être les pieds dans WP le jour où les thèmes arrêteront d'avoir Slider Revolution en dépendances.
C'est parti en c****** le jour où des gens se sont dit que ça serait bien d'avoir After Effects dans un CMS pour faire des.. carrousels.
L'esthétique des thèmes WordPress c'est quelque chose.
Qui a déjà fait un site pour un jardinier qui ressemble à ça :
Alors que dans la vraie vie, le contenu qu'on te file c'est 3 lignes de texte et 3 jpeg de 300x300.
Les Scroll-Driven Animations, ça peut être compliqué à débuguer parfois, surtout quand on a besoin de contrôler le début et la fin de l'animation avec animation-range et qu'on n'a aucun repère visuel.
@bramus a développé un plugin pour tout visualiser : chromewebstore.google.com/de…
La fonction light-dark() n'est pas encore utilisable en prod, mais ce code te donne un aperçu d'une gestion moderne d'un mode light/dark :
ALT Extrait de code CSS définissant un schéma de couleurs clair et sombre avec color-scheme: light dark; dans :root, et utilisant la fonction light-dark() pour définir dynamiquement la couleur d’arrière-plan du body selon le mode clair ou sombre.
Chez moi VSCode s'est mit à ouvrir tous mes fichiers .svg en mode preview (suite à une maj peut-être), si jamais pour repasser en mode édition de texte :
Ouvrir la command palette > View: Reopen Editor With text Editor.
