Ajouter des effets modernes pour dynamiser votre site
ERROR
00:00
00:00

TUTO Ajouter des effets modernes pour dynamiser votre site

Adrien Gazaix
Promo -23%
10,00€13,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce Bundle de plus de 2h de tutos vidéo, je vous propose d’ajouter des effets modernes sur votre site web​ à travers 5 exercices concrets.

Pour donner vie à nos sites web aujourd’hui, il faut ajouter des effets d’animation​ tout en restant subtil et sans gâcher l’expérience utilisateur​. Nous utiliserons des outils comme jQuery​ et CSS3​ afin de créer un effet de parallax ou animer une barre de compétences, et plein d'autres choses.
 

Au programme de ce Bundle effets modernes pour votre site web

Ce que nous allons avoir dans ces 5 ateliers :

  • Créer un effet de parallax : nous supposerons 2 éléments et nous allons les faire bouger dans des directions et à une vitesse différente pour créer l'effet parallaxe lorsque l'on scrolle dans une page.
  • Créer une barre de compétences : Nous verrons des propriétés CSS3 qui nous permettront d'animer le background à l'intérieur de la barre mais aussi de l'animer elle-même lors de l'actualisation de la page.
  • Créer une superposition de div : Nous mettrons en place un effet de superposition avec un background fixe lors du scroll dans une page ainsi qu’un menu toujours visible pour naviguer plus facilement.
  • Dévoiler le footer grâce au scroll : Celui-ci sera caché derrière le site et apparaîtra progressivement lors du scroll dans la page.
  • Le Background intelligent : Ajouter la couleur dominante d’une image automatiquement sur son background.

Chaque exercice est accompagné de ses sources.

Je reste bien évidemment disponible dans le salon d’entraide si vous avez des questions pendant ou après le visionnage.
Bonne formation !

Cours dans ce bundle

Créer un effet de parallaxe au scroll facilement Cours 1

Créer un effet de parallaxe au scroll facilement

Créez une barre de compétence animée en CSS3 Cours 2

Créez une barre de compétence animée en CSS3

Le Background intelligent : Appliquer automatiquement la couleur dominante autour d'une image Cours 3

Le Background intelligent : Appliquer automatiquement la couleur dominante autour d'une image

Créer une superposition de div lors du scroll dans une page Cours 4

Créer une superposition de div lors du scroll dans une page

Dévoiler le footer de votre site avec le scroll Cours 5

Dévoiler le footer de votre site avec le scroll

Plan détaillé des cours

 
Leçon 1Mise en place du HTML
19m31s
Leçon 2Mise en place du JQUERY
19m48s
 
Leçon 1Créez une barre de compétence animée en CSS3
30m59s
 
Leçon 1Superposition de div lors du scroll
23m47s
 
Leçon 1Le footer caché
15m59s

Avis des apprenants

Détail des avis
81
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Stephane Boudehent
Stephane Boudehent
Publié le 17/03/2018
J'ai adoré ces petits tuto !!!! C'est super bien expliqué, très agréables à suivre et j'ai découvert de nombreuses choses que je ne connaissais pas. Merci beaucoup.
Adrien Gazaix
Adrien Gazaix
Merci à vous ! Oui c'est sympa de faire des exercices courts et efficaces pour les mettre en place rapidement sur vos prochains sites web. Bonne continuation :)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

jQuery , CSS 3, HTML 5

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données