Тёмный

Animations au scroll avec la librairie AOS.js | Animate On Scroll 

LiveCode
Подписаться 19 тыс.
Просмотров 8 тыс.
50% 1

🎁 Rejoindre la formation offerte : bit.ly/formati...
👑 Aller plus loin avec la formation complète : bit.ly/Formati...
▬▬▬▬▬ Réseaux sociaux & contenu exclusif ▬▬▬▬▬
⭕️ TikTok : @Livecode_
⭕️ Instagram : @Livecode_
👉🏼 Abonne-toi pour plus de contenu chaque semaines !
👉🏼 Éditeur de code utilisé : Visual Studio Code

Опубликовано:

 

15 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 21   
@LiveCodeofficiel
@LiveCodeofficiel 3 года назад
🎁 Rejoindre la formation offerte : bit.ly/formation-offerte-livecode 👑 Passe à la vitesse supérieur et devient autonome avec la formation ultra complète : bit.ly/formation-complete-livecode
@christiantchoupo
@christiantchoupo 17 дней назад
merci vraiment tes envoyer du ciel que Dieu soit avec toi frére💪🙏
@user-jg4fg4qo2d
@user-jg4fg4qo2d 4 месяца назад
Merci beaucoup!
@alexandremeurgey
@alexandremeurgey Год назад
Merci beaucoup je cherchais cette vidéo partout
@mortalanzang7567
@mortalanzang7567 10 месяцев назад
Super Bro !
@emmanuelledurand621
@emmanuelledurand621 Год назад
Très belle découverte ! Merci beaucoup.
@lvlv693
@lvlv693 3 года назад
merci pour la découverte, très intéressant !
@axelpo9390
@axelpo9390 3 года назад
Merci pour la découverte, je connaissais pas !😀
@juliancesano
@juliancesano 2 года назад
Merci beaucoup mec
@loicknsenda673
@loicknsenda673 3 года назад
Merci beaucoup pour votre vidéo,
@LiveCodeofficiel
@LiveCodeofficiel 3 года назад
😉
@hetiikzclan
@hetiikzclan 3 года назад
Bonne vidéo ! La lib est vraiment cool et bien mieux que le célèbre revealJS. Petit conseil que tu pourrai donner dans ce genre de vidéo, c'est les bonnes pratiques du web. Par exemple ici, préciser qu'il faut pas en abuser aurait pu être de bon conseil. Souvent quand on début on a envie d'en mettre plein les yeux avec des animations, des effets, mettre 93898 libs etc. Mais en finalité ça ralentit le site, on tombe souvent dans le "too much" et dans beaucoup de cas ça n'apporte rien. (Sans parler parfois des conflits entre eux) 😁
@LiveCodeofficiel
@LiveCodeofficiel 3 года назад
En effet, dans les prochaines vidéos en rapport avec des librairies je parlerais de tout ça car c'est important. 😉
@yanisoulhaci3369
@yanisoulhaci3369 3 года назад
Ty bro
@LiveCodeofficiel
@LiveCodeofficiel 3 года назад
😉
@neosophoi
@neosophoi Год назад
juste une question, j'utilise ce bout de code : const menuburger = document.querySelector(".menuburger") const right = document.querySelector(".right") menuburger.addEventListener('click', () => { right.classList.toggle('mobile-menu') }) Je l'ai placé hors du body, c'est pour ranger ma navbar dans un menu burger pour le format tél (en dessous d'un width de 900px), le problème c'est que dès que je rajoute les éléments de ta vidéo pour rajouter deux trois animations, celle cies fonctionnent mais le menu burger ne s'affiche plus du tout en format téléphone ... il y a une solution pour que les deux fonctionnent ensemble ?
@rubuzhd9292
@rubuzhd9292 2 года назад
Salut, merci beaucoup pour la vidéo, ça m'a beaucoup aidé, mais en bas de la page de AOS, j'ai remarqué qu' il y avait moyen de télécharger un fichier zip contenant les animations, pour les utiliser en local ( Hors connexion ) ... Tu nous fais une vidéo stp stp stp stp
@LiveCodeofficiel
@LiveCodeofficiel 2 года назад
C'est très simple, il suffit juste de cliquer sur download, de prendre uniquement les 2 fichiers AOS.css + AOS.js dans le fichier "Dist" et de les copier dans le dossier de ton site. Après c'est exactement pareil que sur la vidéo sauf qu'au lieu de mettre comme SRC l'url de AOS dans ta balise link et script, tu as juste à remplacer cette url qui redirige vers les CDN d'AOS par le chemin des fichiers que tu as précédemment collé. Comme si tu reliait ton fichier CSS ou JS à ton index.
@mounirbenkasmiya8373
@mounirbenkasmiya8373 3 года назад
Tu peux faire ça avec intersectionObserver en js native c'est très simple à faire ta pas besoin d'une bibliothèque mais merci du partage 😉
@LiveCodeofficiel
@LiveCodeofficiel 3 года назад
C'est surtout pour les personnes ne voulant absolument pas s'embêter 😉
@mounirbenkasmiya8373
@mounirbenkasmiya8373 3 года назад
@@LiveCodeofficiel effectivement 😉
Далее
Куда пропали ЗДРАЙВЕРЫ?
11:38
Просмотров 599 тыс.
9월 15일 💙
1:23:23
Просмотров 1,1 млн
Vous devriez changer de navigateur internet
14:22
Просмотров 245 тыс.
Ce logiciel devrait être payant (tellement il est ouf)
28:36
Node.js is a serious thing now… (2023)
8:18
Просмотров 646 тыс.
J'utilise ces librairies JS dans tous mes projets
10:43
Je passe les tests techniques de Google
18:17
Просмотров 117 тыс.
Subtle, yet Beautiful Scroll Animations
5:04
Просмотров 1,7 млн
Top des librairies d'animations JavaScript !  🚀
11:00