CSS, améliorer facilement le visuel des liens d'une barre de nav
CSS, améliorer facilement le visuel des liens d'une barre de nav
Apprenez à concevoir un Diaporama sans programmation
Dans ce tuto en vidéo, je vous propose d'apprendre à réaliser un diaporama avec apparition des images en fondu.
La programmation de ce genre de diaporama est hyper complexe en JavaScript, voire en jQuery.
Je vous propose d'oublier JavaScript et jQuery et de développer ce diaporama sans aucune programmation.
De quoi alléger considérablement notre page web.
En réalité, pour réaliser ce fondu d'images, nous allons utiliser uniquement du CSS. Notre diaporama sera bien évidemment responsive, c'est à dire qu'il pourra s'afficher peu importe le terminal utilisé (smartphone, tablette, ordinateur).
A la fin du cours, vous pourrez passer un petit QCM pour valider vos connaissances acquises.
Si vous avez des questions, je reste disponible dans le salon d'entraide du tutoriel.
Si vous souhaitez aller plus loin dans les connaissances de la technique que nous allons utiliser dans ce tuto, je mets à votre disposition un cours théorique dédiée à l'animation CSS.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mise en place des bases du travail
Mise en place des bases du travail
Leçon 2
Empilement des images
Empilement des images
Leçon 3
Mise en place de l'animation
Mise en place de l'animation
Leçon 4
Mise en place des règles de l'animation
Mise en place des règles de l'animation
Leçon 5
Amélioration du style général de la page
Amélioration du style général de la page
Leçon 6
Mise en place du responsive
Mise en place du responsive
Leçon 7
Conclusion
Conclusion
Plan détaillé du cours
Leçon 1Mise en place des bases du travail
04m45
Leçon 2Empilement des images
06m11
Leçon 3Mise en place de l'animation
03m59
Leçon 4Mise en place des règles de l'animation
05m40
Leçon 5Amélioration du style général de la page
04m06
Leçon 6Mise en place du responsive
06m05
Leçon 7Conclusion
01m11
Leçon 8Bonus
02m41
Aperçus
Avis des apprenants