Learn
Lezioni gratuite e pratiche su Webflow, GSAP e gli strumenti che uso ogni giorno — ognuna con un video e un clonabile che puoi far tuo.
Corsi
- Base
Webflow Crash Course 2026
Impara Webflow costruendo una vera landing page SaaS responsive da zero — sezioni, classi, Flexbox e griglia, componenti, CMS, tipografia fluida e navigazione mobile.
- Intermedio
Padroneggiare Webflow nativo
Vai oltre le basi di Webflow nativo — come funzionano davvero le classi, il CSS positioning, i pattern di layout Flexbox, gli effetti hover fluidi e i trucchi di workflow da pro. Niente plugin.
- Intermedio
GSAP in Webflow: la guida completa
Una serie da zero sulle interazioni GSAP in Webflow — dai trigger, alle azioni e alla timeline orizzontale, fino a popup accessibili, effetti allo scroll e animazioni guidate dal CMS.
- Intermedio
Ricostruire la navbar e il mega menu di Webflow
Ricostruisci da zero la navbar e il mega menu di Webflow — una struttura desktop fluida e accessibile, un menu mobile responsive con blocco dello scroll e mega menu a tutta larghezza.
- Intermedio
Animazioni e layout creativi in Webflow
Un percorso pratico nel movimento creativo in Webflow — animazioni allo scroll, reveal di testo staggerati, interazioni 3D, gallerie trascinabili e uno slider 3D guidato dal CMS.
- Avanzato
Animazioni da sito premiato in Webflow
Ricostruisci le animazioni che vedi sui siti da Awwwards — un effetto hover con impilamento di immagini guidato dal CMS e una sequenza while-scrolling curata, in Webflow.
- Intermedio
Sistemi avanzati no-code in Webflow
Sistemi veri e riutilizzabili costruiti senza scrivere codice — popup video configurabili, dropdown che si aprono da soli, breadcrumb accessibili, gallerie trascinabili e sfondi interattivi da inserire e regolare.
- Intermedio
Soluzioni Webflow guidate dagli attributi
Una cassetta degli attrezzi di effetti Webflow che controlli interamente con attributi custom — configuri il comportamento nel Designer, senza JavaScript da scrivere o modificare.
- Intermedio
Animazioni e integrazioni GSAP in Webflow
Effetti GSAP autonomi da inserire in qualsiasi progetto Webflow — reveal staggerati, card trascinabili, una sequenza di immagini allo scroll, un effetto di disintegrazione e set piece con filtri SVG.
- Avanzato
Effetti con filtri SVG in Webflow
Ricrea in Webflow effetti di vetro, rifrazione e luce in stile Apple con i filtri SVG — displacement map, turbolenza e sfocatura, tutto no-code e incollato una volta sola.
- Base
Webflow spiegato
I concetti dietro Webflow — classi, posizionamento, flexbox, struttura del CMS, variabili e altro — spiegati in modo semplice, così gli strumenti hanno finalmente senso.
- Base
Webflow Quick Wins
Tecniche Webflow brevi e ad alto impatto che aggiungi in pochi minuti — hover underline, layout masonry e a griglia, controllo dello scroll, test in landscape e altro.
Ultime lezioni
-
Intermedio Effetto lente di vetro sui video in Webflow
Trasforma il cursore in una lente di vetro sopra un video hero in Webflow — un effetto di distorsione cromatica su GPU che configuri con pochi attributi custom.
-
Avanzato Animazione staggered allo scroll responsive in Webflow
Costruisci un'animazione staggered allo scroll responsive in Webflow: le card entrano in dissolvenza riga per riga, con lo stagger che si adatta al numero di colonne a ogni breakpoint.
-
Avanzato Galleria cubo 3D da CMS allo scroll in Webflow
Costruisci una galleria cubo 3D guidata dallo scroll in Webflow dai dati CMS — immagini in dissolvenza, split text e un cubo che ruota nello spazio con transform 3D e GSAP.
-
Intermedio Bordo che cresce in hover in Webflow (CSS + GSAP)
Costruisci un bordo circolare che cresce in hover in Webflow con un conic-gradient e una @property animabile; GSAP fa solo il toggle di una classe mentre il CSS anima.
-
Avanzato Animazione grow & scatter da CMS in Webflow
Costruisci una gallery grow-and-scatter da CMS in Webflow: le immagini partono dal centro a stagger e poi si dispongono in una griglia responsive, con una variabile, CSS e GSAP.
-
Avanzato Sidebar CMS accessibile in Webflow (scroll lock + focus trap)
Costruisci una sidebar guidata dal CMS in Webflow con GSAP — contenuto per card, slide-in, scroll lock, chiusura al click esterno e un vero focus trap per la tastiera.