Ajouter un KONAMI CODE sur votre site web
ERROR
00:00
00:00

TUTO Ajouter un KONAMI CODE sur votre site web

Adrien Gazaix
5,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto vidéo nous allons voir comment ajouter simplement un Konami Code sur votre site web afin de dévoiler une partie cachée pour la plupart des internautes, sauf pour les geeks !

Au programme de ce tuto Konami Code

Ce sera l'occasion de découvrir de nouvelles choses sur jQuery & CSS3 comme :

  • Créer une div en position fixed par-dessus le site
  • Centrer un contenu verticalement
  • Utiliser une Google Font
  • Récupérer & intégrer une icône vectorielle au format SVG
  • Ajouter une feuille de style dédiée à l'animation
  • Mettre en place le konami code pour effectuer une action lorsque la bonne combinaison de touches est rentrée
  • Décaler de 5s une autre animation
  • Faire apparaître le coeur carré par carré
  • Ajouter un click sur un bouton pour fermer l'overlay & réinitialiser le konami code

Toutes les sources sont fournies pour que vous puissiez refaire les manipulations en même temps que vous regardez la vidéo.

Bon visionnage !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Partie CSS
Leçon 2
Partie JQUERY

Plan détaillé du cours

Leçon 1Partie CSS
21m36s
Leçon 2Partie JQUERY
15m53s

Aperçus

Avis des apprenants

Détail des avis
44
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Philippe Morselli
Philippe Morselli
Publié le 13/07/2019
Excellente formation. Des astuces que je découvre. Facile a suivre. Je recommande.
Alain Guillon
Alain Guillon
Publié le 29/05/2016
Je suis actuellement élève à la 3WA et franchement j'ai appris une nouvelle chose - Changer la couleur d'un SVG. Bien entendu le reste aussi est très intéressant et je tiens particulièrement à te remercier pour cette formation.
Adrien Gazaix
Adrien Gazaix
Merci à toi c'est cool d'avoir des retours comme ça :)
Matthieu76
Matthieu76
Publié le 02/04/2016
Je débute en la matière mais grâce à vos tutos je commence à mieux comprendre la création de site et comment les animés !!
Adrien Gazaix
Adrien Gazaix
Alors le tuto est réussi ! Merci de ton retour ;)

Vos questions sur le cours

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

jQuery 11.1.2, jQuery 1.11.1, jQuery 1.11.0, jQuery , CSS 2, CSS 3

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données