Animazioni Scroll Impressionanti con Gsap | Guida Rapida
HTML-код
- Опубликовано: 27 авг 2024
- ACCEDI alla Video Lezione Gratuita:
👉 bit.ly/marchet...
Scopri come creare animazioni allo scroll incredibili con Gsap e Scroll Trigger in questo tutorial dettagliato. Perfetto per sviluppatori web che vogliono aggiungere un tocco di dinamismo ai loro siti. Non perderti i consigli esclusivi per risultati spettacolari!
Apprendi le potenzialità di Gsap e Scroll Trigger per creare esperienze utente immersive e coinvolgenti. Con tutorial pratici e consigli esperti, sarai in grado di implementare animazioni fluide e interattive che faranno brillare il tuo sito web. Non perdere l'opportunità di distinguerti con animazioni all'avanguardia!
SUPER BONUS:
⚙️ Come installare gli snippets: • VS CODE: Come iniziare...
🎨 Guida FREE sul WEB DESIGN: bit.ly/guida-w...
🎁 Tutte le risorse create nei video: bit.ly/marchett...
I MIEI CORSI ONLINE:
👨💻 Next Web Hero - Impara i migliori linguaggi di programmazione e ricrea siti web famosi spettacolari: bit.ly/next-web...
🎨 Next Level UX e Web Design - impara i segreti del WEB DESIGN e della COMUNICAZIONE web: bit.ly/next-le...
⚙️ Next Level WP PRO - Impara a sviluppare temi WordPress da zero senza builder: bit.ly/next-lev...
📦 Nexl Level Woo - Imparare a realizzare eCommerce da zero con WordPress e WooCommerce: bit.ly/next-lev...
LA MIA SCUOLA PER DIVENTARE WEB DESINGER PRO:
🚀 Your Web Academy - L’Academy online per far decollare al tua carriera da Sviluppatore e Web Designer: yourwebacademy...
IL MIO HOSTING PREFERITO:
⚡️ Siteground - il migliore hosting secondo me veloce e sicuro: bit.ly/md-siteg...
LA MIA ATTREZZATURA PER LAVORO E VIDEO:
🖥 Schermo verticale: amzn.to/3MgP2VK
📸 Camera compatta: amzn.to/3UaD9SV
📸 Camera grande: amzn.to/3zteiR0
🎥 Lente: amzn.to/3GclZPh
💡 Light: amzn.to/3nNsqBM
🎙 Microphone: amzn.to/434fTKq
🌿 Pianta finta: amzn.to/3KalVAP
🛠 Tutti i prodotti che consiglio: amzn.to/3MgP2VK
📚 Tutti i libri che consiglio: amzn.to/43xh6tU
👨🏫 Vuoi una mano a creare un sito web che ti porti clienti e aumenti i tuoi profitti? Contattami: www.marchettid...
CONNETTITI CON ME SULLE ALTRE PIATTAFORME:
⚡️ Gruppo FB Community Next Level: bit.ly/marchett...
🌍 Il mio sito web: www.marchettid...
🤝 Linkedin: / andrea-marchett-design
📸 Instagram: / andrea_marchetti_design
CHI SONO:
Ciao sono Andrea Marchetti Web Designer e Sviluppatore Web, da più di 13 anni realizzo siti web portando imprenditori e aziende online. Ho alle spalle più di 200 siti realizzati e più di 1000 Studenti formati nei miei corsi Next Level.Sono esperto in WordPress, Web Design e Comunicazione negli anni le mie risorse per fare siti sono state scaricate più di 100.000 volte. Supporto la community WordPress (ho realizzato 3 Temi pubblicato sulla repo Ufficiale) ho avuto più volte il piacere di parlare ai WordCamp, le conferenze ufficiali su questa fantastica piattaforma.
👨🏻💻 Se vuoi imparare a fare siti accattivanti e professionali sei nel posto giusto, parti da qui: • COME INIZIARE A FARE S...
TEMI WORDPRESS FREE:
Wlow: wordpress.org/...
Nextawards: wordpress.org/...
Fullbase: it.wordpress.o...
Fullby: www.marchettid...
- ♪♫ Artists' Credit & Links ♫♪ -
► Music by: LAKEY INSPIRED
• SUBSCRIBE to the LAKEY INSPIRED RUclips channel HERE - www.youtube.co....
• Follow LAKEY INSPIRED on SoundCloud HERE - / lakeyinspired
• Follow LAKEY INSPIRED on Instagram HERE - / lakeyinspired
• Follow LAKEY INSPIRED on Spotify HERE - open.spotify.c....
• Support LAKEY INSPIRED on Patreon HERE - (Optional) / lakeyinspired
(C) Copyright Notice: This is FREE royalty free music that has been released under the "Creative Commons Attribution 3.0 Unported "Share Alike" (CC BY-SA 3.0) license."
Molto interessante. Grazie Andrea!
Grazie Andrea per questi video.
Proprio ieri ho pubblicato un video dettagliato sullo scrolltrigger 😅 nella mia guida su gsap
Grande Gianluca, stai creando dei contenuti davvero interessanti!
@@DigitalDesignMatteo Grazie
Ciao gianluca non conoscevo il tuo canale, figo! ho visto che hai aggiornato il titolo del tuo video copiando esattamente il mio sono onorato :)
@@Marchetti_Design Grazie! Con titoli e copertine non ci azzecco mai e cerco di farmi ispirare dai maestri di you tube. 😉Ma vedrai che farò altri tentativi finché non trovo quello giusto. Anche la copertina l’ho già cambiata 2 volte 😅
Gsap da quel poco che ho visto è una libreria fantastica. Però attenzione! Non è open source, per i progetti commerciali dovete consultare le opzioni. Cioè che mi ha fatto stare molto lontano da gsap è proprio quello. Motion one una possibile alternativa (simile in qualche aspetto al framer che non ho mai utilizzato mentre motion è molto funzionale). È un aspetto cruciale. Saluti
gsap.com/community/forums/topic/29821-gsap-is-free-for-company-use/
However - If your GSAP-enhanced site/product generates a fee from multiple users (including micro-transactions, subscription fees, etc.), it requires the commercial license which comes with Business Green memberships.
? Ho capito male?
@@user-ek8hs5bg2y detta cosi sembra sia a pagamento per siti ecommerce e subscription (basta leggere e capire l'inglese)
@@Marchetti_Design Ok grazie sei stato molto gentile.
Adoro questo video 💖💖💖💖
Video bomba, aspetto altri video così🔝
molto utile e chiaro
Grazie.
15:51 Non stai più inserendo Jobs che dice "boom" però io continuo a vederlo e sentirlo 😄
che figata :)... e il paramentro scrub?
Ne parliamo nei prossimi video ;)
Grazie Andrea! Questo era il video che aspettavo da tempo! Ho solo due domande:
1) se voglio applicare la stessa animazione per una serie di elementi della stessa pagina, basta che uso la stessa classe? (o creo una nuova classe con la stessa animazione)
2) se volessi includere gli script in wordpress, potrei farlo con WPCode, inserendo semplicemente il codice? (sia codice sorgente di GSap che quello della timeline)?
grazie ;)
Se hai più elementi con comportamento simile in diversi punti della pagina non basta assegnargli la stessa classe. Dei recuperarli con querySelectorAll poi li devi ciclare e ad ogni elemento creare l’animazione con lo scrolltrigger.
@@gianlucalomarco grazier Gianluca! Manco farlo apposta, ho visto stamattina un tuo video (che ho salvato) per provare su un sito test😅
@@Aphazel presto arriveranno altri video su gsap e poi ci saranno tanti esempi pratici. Lasci pure dei commenti sui miei video se ti interessa vedere qualcosa di più specifico. vedrò che posso fare.
Lo vediamo in prossimo video ;)
Come fai le animazioni su WordPress?
Ciao!,
Hai mai provato a creare un boilerplate di partenza per ogni progetto?
ad esempio utilizzando webpack e node.js?
Sono 12 anni che uso boilerplate ma senza node o webpack
Da occhialuto a occhialuto... molto belli gli occhiali bianchi.
solo a me sembra che sanno a scatti quando le uso
Computer o browser obsoleti
Eppure come browser chrome e Windows 11 bello spompato…la cosa che non capisco stessa animazione messa su stesso sito creato in wp non da nessun tipo di lag
@@Oroshi90 probabilmente su wp hai qualcosa che appesantisce javascript
Quindi non dovrebbe andare peggio di wp? Li problemi non ne da va fluidissimo