$ 5.00

Tuto Ajouter un KONAMI CODE sur votre site web avec jQuery, CSS

$ 5.00

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

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 !

Table des matières de cette formation jQuery, CSS (durée : 37m29s)

    • Partie CSS 00:21:36
    • Partie JQUERY 00:15:53



Formateur : Adrien Gazaix

Adrien Gazaix a publié 90 tutoriels et obtenu une note moyenne de 4,7/5 sur 23 412 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de zyrass laissé 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.
    "Merci à toi c'est cool d'avoir des retours comme ça :)"

  • 5
    avis de matthieu76 laissé 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 !!
    "Alors le tuto est réussi ! Merci de ton retour ;)"

  • 5
    avis de jmch73 laissé le 10/12/2015
    Toujours aussi bon, je me lasse pas pas de vos tutos merci encore, très bien expliqué

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    jQuery 11.1.2, jQuery 1.11.1, jQuery 1.11.0, jQuery 1.11.3, CSS 2, CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1558 tuto gratuits


non, je ne veux pas me former gratuitement