Création de loader en 12 exemples | Enzo Ustariz | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Création de loader en 12 exemples

teacher avatar Enzo Ustariz, Formateur en Développement Web

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

17 Lessons (1h 15m)
    • 1. Introduction

      0:51
    • 2. Code source

      1:50
    • 3. Mise en place dossier

      1:26
    • 4. Création de la grille

      6:02
    • 5. 1. Loader classique

      2:59
    • 6. 2. Animation 2 ronds

      4:26
    • 7. 3. Vague

      4:50
    • 8. 4. Trois points disparition

      3:58
    • 9. 5. Texte clignotant

      6:29
    • 10. 6. Texte disparition

      2:59
    • 11. 7. Toupie

      5:05
    • 12. 8. Trois traits rotation

      5:59
    • 13. 9. Rebondir

      2:58
    • 14. 10. La classique

      7:00
    • 15. 11. Anim flou 4 points

      7:14
    • 16. 12. Flip Panneau

      3:27
    • 17. Intégrer un loader au chargement d'un site

      6:59
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

6

Students

--

Projects

About This Class

Dans ce cours, 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 front-end

Au programme de ce cours : la 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 animationstransitions, 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 !

Meet Your Teacher

Teacher Profile Image

Enzo Ustariz

Formateur en Développement Web

Teacher

Bonjour à toi !

Je m'appelle Enzo Ustariz, tu me connais peut-être sous le pseudo "Le Designer du Web" sur les réseaux, notamment YouTube.

Je suis aussi le créateur de l'École du Web.

Mon Histoire ?

Je suis développeur Web depuis plus de 6 ans, et je me suis rendu compte du manque de contenu sur le web pour nous, Francophones.
Si tu décides d'apprendre à créer des animations avec JavaScript, fabriquer des sites et des applications web avec React, ou gérer une base de données avec Firebase, c'est un peu la croix et la bannière.

Et vu le nombre de compétences, d'outils, de F... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.