Créez un site web réactif avec des animations | Tutoriel HTML5 et CSS3

Dans ce tutoriel vidéo, nous allons construire un site web réactif de A à Z en utilisant HTML5, CSS3 et un peu de JavaScript pur. Vous apprendrez également à utiliser les animations avec *keyframes* et les effets au survol (*hover*), ainsi qu’un nouvel outil pour animer au défilement : Scroll Reveal. Enfin, nous utiliserons les *media queries* pour rendre ce design web adaptatif ! Le thème *Rosa* est un thème premium WordPress que vous pouvez acheter. Les liens sont ci-dessous.

N’oubliez pas de mettre un pouce en l’air si la vidéo vous a été utile. Activez aussi les notifications en cliquant sur l’icône de cloche pour être prévenu dès qu’une nouvelle vidéo est publiée.

*Les designs et images sont utilisés à des fins éducatives uniquement.*

[ FICHIERS DU PROJET ]

[ RÉSEAUX SOCIAUX ]

[ HOSTGATOR ]

[ MON MATÉRIEL ]

Ordinateur portable pour le montage vidéo et le développement

Ordinateur portable : Dell XPS 15 7590
Processeur : Intel Core i7-9750H (9ᵉ génération)
RAM : 32 Go (mis à niveau)
Carte graphique : Nvidia GeForce GTX 1650 4GB GDDR5
Stockage : SSD NVMe PCIe M.2 de 500 Go (mis à niveau)
--- Accessoires ---
Écran : Dell Ultrasharp 27"
Clavier : Logitech MX Keys
Souris : Logitech MX Master 3
Micro : Blue Yeti

Pour accélérer le développement, les préfixes CSS n’ont pas été utilisés. Pour garantir une compatibilité multi-navigateurs, n’hésitez pas à les ajouter si nécessaire.