TUTO Ajouter un KONAMI CODE sur votre site web sur Tuto.com

Ajouter un KONAMI CODE sur votre site web

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

Un cours de

Promo -40% Jusqu'au 07 septembre, 23:59

2,99€4,99€

5,0

37m29

Intermédiaire

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Table des matières

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

Leçon 2

Table des matières

Leçon 1Partie CSS

21m36

Leçon 2Partie JQUERY

15m53

Aperçus

Avis des apprenants

Détail des avis

67

Apprenants

4

Commentaires

5/5

Note moyenne

5/5

4

4/5

0

3/5

0

2/5

0

1/5

0

Philippe Morselli

Publié le 13/07/2019

Excellente formation. Des astuces que je découvre. Facile a suivre. Je recommande.

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

Merci à toi c'est cool d'avoir des retours comme ça :)

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

Alors le tuto est réussi ! Merci de ton retour ;)

Formateur

4,9

Voir ses cours

Prérequis

,

Intermédiaire

Accessibilité

Sous-titres non disponibles

Ressources téléchargeables

Fichiers sources (20.75 Ko)

Catégories

Programmation jQuery

Cours publié le 09/12/2015
Langue : Français
ID : 53031

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

+ 1,000,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com

Paiement 100% sécurisé

Ce certificat garantit la sécurité de toutes vos connexions par cryptage.

Besoin d’aide ?

Notre équipe répond à vos questions du lundi au vendredi de 10h à 12h et de 14h à 16h.
Support par e-mail ou par téléphone au 01 84 80 80 29.