présente
Le
no-code France 🇫🇷
Membre du Club
Évoluer
Upgrade
Abonné Privilège
Parler à un conseiller
Tarifs
Ressources
Avis
FAQ
®

Créez votre compte CORIACE

La plateforme dédiée au no-code, 100 française

  • Des initiations Webflow et Figma 100% offerte

  • Des formations avancées pour developper vos compétences sur les outils

  • Le programme d'affiliation no-code le plus rentable du marché

Rejoindre maintenant
+ 4000 no-codeurs
Noté
par nos étudiants

Créez votre compte CORIACE

La plateforme dédiée au no-code, 100 française

  • Des initiations Webflow et Figma 100% offerte

  • Des formations avancées pour developper vos compétences sur les outils

  • Une communauté Discord pour progresser ensemble

  • Le programme d'affiliation no-code le plus rentable du marché

Rejoindre maintenant
+ 4000 no-codeurs
Noté
par nos étudiants
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Commencer

La prochaine Mini-Formation Webflow

Disponible dans : 3 j 12 h 34 min 23 sec

Mini-Formation | Hero Section Flow Party

Réalisez une transition intersection incroyable avec GSAP

Prévisualiser

Toutes les Mini-Formations Webflow disponibles

Tous niveaux
GSAP
Animation IX
CMS
JS
CSS
Design

Mini-Formation | Menu burger full GSAP

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez une section dynamique animée avec GSAP

Apprendre à utiliser GSAP avec le CMS de Webflow

Voir
GSAP
Animation IX
CMS
JS
CSS
Design

Mini-Formation | Section animée Rage Click de Memberstack

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez une section de transition pour une landing animée et impactante

Utiliser le panneau d'animation pour faire une animation au scroll avec un enchainement d'éléments animés

Voir
57:30
GSAP
Animation IX
CMS
JS
CSS
Design
57:30

Mini-Formation | Section GSAP - Made In Webflow

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez une section animée au scroll avec GSAP !

Apprendre à maîtriser le plugin ScrollTrigger de gsap ainsi que la méthode gsap.timeline()

Voir
58:24
GSAP
Animation IX
CMS
JS
CSS
Design
58:24

Mini-Formation | Créer un preloader avec Webflow et GSAP #2

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez un preloader moderne sur votre site Webflow avec Webflow et GSAP !

Apprendre à utiliser la timeline de GSAP pour réaliser une animation de preloader

Voir
24:08
GSAP
Animation IX
CMS
JS
CSS
Design
24:08

Mini-Formation | Créer une section 3D animée au scroll sur Webflow

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez une section pivotante en 3D sur Webflow !

Apprenez à utiliser les propriétés de transformation et la perspective sur Webflow

Voir
01:03:19
GSAP
Animation IX
CMS
JS
CSS
Design
01:03:19

Mini-Formation | Créer un bento animé sur Webflow

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez un bento sur votre site pour présenter vos produits, bénéfices ou vos projets !

Apprendre à maîtriser les grid sur Webflow pour réaliser un effet bento et animer chaque card

Voir
59:35
GSAP
Animation IX
CMS
JS
CSS
Design
59:35

Mini-Formation | Créer un formulaire multi étape #2 (InputFlow)

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez un formulaire multi-étape sur Webflow avec InputFlow et intégrez du calcul de variable et de la logique conditionnelle

L'objectif est de réaliser un formulaire en plusieurs étapes avec du calcul intégré et de la logique en fonction des choix fait par l'utilisateur.

Voir
47:50
GSAP
Animation IX
CMS
JS
CSS
Design
47:50

Mini-Formation | Créer une table de prix mensuel/annuel #1

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez une table de prix moderne avec un switch moderne

Utiliser le panneau d'animation de Webflow pour créer un toggle qui va switcher les tables de prix pour afficher un prix mensuel et annuel

Voir
59:28
GSAP
Animation IX
CMS
JS
CSS
Design
59:28

Mini-Formation | Le formulaire multi étape simple #1

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez un formulaire multi étape sur Webflow pour favoriser l'engagement de vos utilisateurs !

Apprendre à utiliser InputFlow pour créer un formulaire à plusieurs étapes sur Webflow

Voir
53:28
GSAP
Animation IX
CMS
JS
CSS
Design
53:28

Mini-Formation | Méga Menu Horizontal Webflow #1

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez un méga menu horizontal full page dans Webflow

Apprendre à créer un méga-menu avec l'élément dropdown

Voir
25:00
GSAP
Animation IX
CMS
JS
CSS
Design
25:00

Mini-Formation | Carrousel d'images avancé en CSS

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez un carrousel d'images avancé (Marquee) en CSS avec Webflow !

Faire défiler et stopper un carrousel d'image au survol de la souris

Voir
22:35
GSAP
Animation IX
CMS
JS
CSS
Design
22:35

Mini-Formation | Le Preloader GSAP #1

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez un preloader moderne et optimisé sur Webflow avec GSAP !

Comprendre GSAP et comment l'utiliser dans Webflow pour réaliser un preloader

Voir
01:17:46
GSAP
Animation IX
CMS
JS
CSS
Design
01:17:46

Mini-Formation | DIEGO PORTFOLIO (REMIX)

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Reproduisez un portfolio ultra moderne sur Webflow sous forme de card full page animée au scroll ! Aucun code requis.

Voir
45:33
GSAP
Animation IX
CMS
JS
CSS
Design
45:33

Mini-Formation | Harmonic (Scroll vertical + horizontal)

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez une hero section qui mixe le scroll horizontal et le scroll vertical pour captiver vos visiteurs !

Voir
29:27
GSAP
Animation IX
CMS
JS
CSS
Design
29:27

Mini-Formation | Section CMS animée #1

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez une section moderne avec une apparition d'image au survol d'un item d'une liste de collection nativement avec Webflow

Voir
01:17:14
GSAP
Animation IX
CMS
JS
CSS
Design
01:17:14

Mini- Formation | Fiche Produit Apple

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Créez une page produit comme dans le style d'Apple sur Webflow sans une ligne de code

Voir
01:47:46
GSAP
Animation IX
CMS
JS
CSS
Design
01:47:46

Mini- Formation | E-commerce Saint Valentin

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Créez une boutique e-commerce originale sur Webflow pour la Saint Valentin et apprenez à gérer les propriétés CSS de 2D et 3D

Voir
54:40
GSAP
Animation IX
CMS
JS
CSS
Design
54:40

Mini-Formation | Sketchzlab

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez la navigation verticale d'un espace membre sur Webflow

Voir
01:02:18
GSAP
Animation IX
CMS
JS
CSS
Design
01:02:18

Mini-Formation | Journey

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Créez une hero section animée nativement dans Webflow. Aucun code requis !

Maîtrisez le déclencheur "While scrolling in view" pour animer de multiples éléments au scroll

Voir
02:21:17
GSAP
Animation IX
CMS
JS
CSS
Design
02:21:17

Mini-Formation | Boutique Slider Nike

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez un slider avancé pour présenter une collection de chaussure Nike

Maîtrisez le slider de Webflow et le déclencheur "Slide changes" du panneau d'animation

Voir
28:57
GSAP
Animation IX
CMS
JS
CSS
Design
28:57

Mini-Formation | Webflow Page De Vente

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Apprenez à changer le contenu d'une card en scrollant avec Webflow !

Maîtrise du déclencheur "scroll into view" pour changer le contenu dans une card sticky

Voir
58:48
GSAP
Animation IX
CMS
JS
CSS
Design
58:48

Mini-Formation | Landing page Avatar

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Maîtrisez le scroll horizontal sur Webflow en réalisant une landing page pour Avatar !

Maîtrise du déclencheur "While scrolling in view" pour réaliser une page en parallax horizontale

Voir
02:16:02
GSAP
Animation IX
CMS
JS
CSS
Design
02:16:02

Mini-Formation | Nam X

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Créez une landing page animée avancée pour la marque Nam X !

Maîtrise avancée du panneau d'animation de Webflow et du panneau de style

Voir
13:18
GSAP
Animation IX
CMS
JS
CSS
Design
13:18

Mini-Formation | Landing Booster - Section "Bénéfices"

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez un empilement de card sur une page pour présenter les avantages d'un produit

Maîtrisez la position sticky dans Webflow

Voir
31:42
GSAP
Animation IX
CMS
JS
CSS
Design
31:42

Mini-Formation | Le slider incurvé

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Créez un slider incurvé sur Webflow avec l'élément HTML slider, sans avoir avoir besoin d'une seule ligne de code.

Maîtriser des techniques "d'effet d'optique" pour réaliser un slider incurvé

Voir
01:17:14
GSAP
Animation IX
CMS
JS
CSS
Design
01:17:14

Mini-Formation | Pear TV 4K

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

Descriptif
Objectif

Réalisez une hero section animée pour à la Apple !

Apprenez à mixer les propriété CSS et avec une bonne gestion du panneau d'animation

Voir
Politique de confidentialité | CGVU
Victime de son succès : l’accès à nos abonnements est possible uniquement sur demande maintenant
En savoir plus

Réservez votre place !

Réserver maintenant

Depuis le lancement de nos nouvelles offres d’abonnement, le 16 Septembre dernier, Coriace connaît un succès très important (et on vous en remercie 🫶🏼)

‍

Cependant face à cette très grande affluence de monde, nous devons prendre des mesures immédiates pour gérer le flux et toujours garantir un suivi qualité à tous nos apprentis.

‍

Comme vous le savez, malgré ses programmes de formations aux prix incomparables sur le marché, Coriace s’est toujours efforcé de privilégier la qualité à la quantité.

‍

Nous prenons donc aujourd’hui et jusqu’à nouvel ordre, la décision suivante :

‍

L’accès à nos programmes de formation n’est plus automatique mais sur demande uniquement.

‍

Chaque personne qui souhaite accéder à nos programmes doit obligatoirement prendre un rendez-vous (gratuit) au préalable avec un membre de l’équipe Coriace.

‍

Ce rendez-vous de 30 min aura pour objectif d’évaluer votre motivation et nous permettre de savoir,  si vous êtes en mesure d’intégrer nos programmes pour accéder à l’intégralité de nos formations.

‍

En fonction des places restantes.

‍

Si des places venaient à manquer, vous pourriez être placé(e)s sur liste d’attente en attendant la libération ou l’ouverture de nouvelles places, vous serez informé(e) directement si c’est le cas.

‍

L’équipe Coriace 🦾