$ 13.00

Tuto Création de loader en 12 exemples avec CSS

$ 13.00

  • Une formation vidéo de 1h14m
  • 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 tuto en vidéo, nous allons réaliser une série de projets pratiques autour des icônes de chargement.

Savoir créer et intégrer des icônes de chargement, est un passage obligatoire quand on est développeur frontend

Au programme de ce tuto création de loader en 12 exemples

Nous allons dans un premier temps créer 12 icônes de chargements, des "loaders", en CSS. Cela va booster votre niveau en CSS, notamment au niveau des animations, transitions, pseudo-elements, placements...

Puis, nous allons voir comment intégrer un loader lors du chargement d'un site.
Rendez-vous de l'autre côté pour commencer à coder !

Table des matières de cette formation CSS (durée : 1h14m)

  • Introduction
    • Introduction gratuit 00:00:52
    • Code source 00:01:51
    • Mise en place dossier 00:01:26
    • Création de la grille 00:06:03
  • Animations
    • 1. Loader classique gratuit 00:03:00
    • 2. Animation 2 ronds 00:04:27
    • 3. Vague 00:04:51
    • 4. Trois points disparition 00:03:59
    • 5. Texte clignotant 00:06:29
    • 6. Texte disparition 00:02:59
    • 7. Toupie 00:05:06
    • 8. Trois traits rotation 00:05:59
    • 9. Rebondir 00:02:58
    • 10. La classique 00:07:01
    • 11. Anim flou 4 points 00:07:15
    • 12. Flip Panneau 00:03:27
    • Intégrer un loader au chargement d'un site 00:06:53



Formateur : Enzo Ustariz

Enzo Ustariz a publié 38 tutoriels et obtenu une note moyenne de 4,9/5 sur 1 050 tutoriels vendus. Voir les autres formations de Enzo Ustariz

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de bilcoyotte laissé le 22/03/2020
    Merci encore pour ce tuto clair et précis.

  • 5
    avis de membre-3200-4567 laissé le 25/01/2020
    Super ! merci Enzo, j'ai suivi le cours avec beaucoup d'intérêt, cela va me permettre de créer des loader et même de les améliorer à mon goût pour mes sites . Merci aussi de ne pas avoir utilisé Le préprocesseur SASS car je ne veux pas prendre de risques quant à la stabilité de mes sites ... je ne suis pas suffisamment informé au sujet de la viabilité de ce processeur ... ceci dit peut-être que tes sources sont solides à ce sujet . Pourrais-tu m'en parler afin que je sois convaincu ? Merci encore Enzo pour ce super tuto :)
    "Hello et merci pour ce retour, je prépare un cours complet sur le CSS où je parle des préprocesseurs dans un chapitre. Ils servent seulement à te faire gagner du temps et éviter de copier coller des bouts de code par exemple ... Par de problème au niveau de leurs stabilité ! À très vite"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1181 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données