$ 10.00 au lieu de $ 13.00

Tuto Ajouter des effets modernes pour dynamiser votre site avec jQuery, CSS, HTML bundle -23%

$ 10.00 au lieu de $ 13.00

  • Une formation vidéo de 2h09m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 !


Tuto composant ce bundle :

  • Créer un effet de parallaxe au scroll facilement (voir la fiche produit)

      • Mise en place du HTML 00:19:31
      • Mise en place du JQUERY 00:19:48
  • Créez une barre de compétence animée en CSS3 (voir la fiche produit)

      • Créez une barre de compétence animée en CSS3 00:30:59
  • Le Background intelligent : Appliquer automatiquement la couleur dominante autour d'une image (voir la fiche produit)

      • Le Background intelligent 00:19:30
  • Créer une superposition de div lors du scroll dans une page (voir la fiche produit)

      • Superposition de div lors du scroll 00:23:47
  • Dévoiler le footer de votre site avec le scroll (voir la fiche produit)

      • Le footer caché 00:15:59

Formateur : Adrien Gazaix

Adrien Gazaix a publié 113 tutoriels et obtenu une note moyenne de 4,8/5 sur 45 263 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de darkwolf74000 laissé 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.
    "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 :)"

  • 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
accédez à plus de 1101 tuto gratuits


non, je ne veux pas me former gratuitement