ho iniziato a fare le prime robe front end mentre ero all'università guardando nel 2017 i tuoi video tutorial per bootstrap 4. Intanto sono diventato un drago 🐲 e mi sto sto spostando sulla UX design e sulle animazioni pur rimanendo con la voglia di scrivere codice. E nulla, riesci sempre ad insegnarmi e darmi la carica. Ti devo molto.
Sempre un drago ! E' un piacere vedere cosa ti inventi ogni volta !!! e poi vogliamo parlare di Boom ! Steve Jobs ? ahhaha Andy Number one !! Creativo a 360 gradi !
Andrea ti consiglio di migliorare lo snippet "j-observe" sostituendo VAR con LET oppure CONST dato che le variabili difficilmente devono essere richiamate e modificate. Ottimo video! :)
Ciao Andrea, finalmente ieri sera ho trovato il tempo per iniziare questa nuova serie di video. Che bomba!!! Purtroppo non ho ancora avuto modo di acquistare il tuo nuovo Next Web Hero perché sono pieno di lavoro. Spero nelle feste di Natale di poter proseguire la mia formazione. Intanto complimenti come sempre e da parte mia c'è super interesse nel proseguire questa serie.
Video top andrea!!!! volevo farti una domanda: con questo metodo utilizzando l'observer è possibile anche eseguire animazioni allo scroll (esempio scrub di gsap scrolltrigger) e creare degli elementi pinnati (pin di scrolltrigger)?
grazie mille, ultima cosa potresti riportare nel canale tutorial come questi? e dove posso trovare le informazioni per il tuo corso? Grazie mille sei al top 🔝 @@Marchetti_Design
@@lorenzofaustini4416 ecco qui le info del corso, al suo interno facciamo molte animazioni più avanzate di quelle che vedi in questo video: marchettidesignshop.com/next-web-hero/
Ciao, complimenti per il video! inserisco una miglioria responsive che permette di eseguire il video anche su dispositivi IOS, oltre al parametro "muted" del tag video aggiungi "playsinline".
Ciao Andre, complimenti per i contenuti sempre al Top che porti! Tanta Roba! Vorrei chiederti se porterai qualche contenuto su JS, grazie per la risposta.
Che figata!! Fai sembrare tutto cosi semplice ahahah ... ti voglio far una domanda stupida da neofita, ma tutto questo procedimento, si può fare anche su wordpress?
Prima di tutto complimenti per il video e per la passione che metti nel farli, si vede soprattutto dal fatto che lasci moltissimo materiale gratuito, e questo ti rende una persona non solo competente ma anche interessata a far crescere la passione negli altri. 2 domandine: - l'animazione fade out e fade in allo scroll delle sezioni è quasi contemporanea, praticamente nell'istante in cui la prima sezione scompare appare la seconda , ed essendo entrambe nella stessa posizione il risultato personalmente non mi fa impazzire. Sarebbe possibile far scomparire prima la prima sezione "totalmente" e poi far apparire la seconda? - la parte finale del sito a sfondo bianco quando viene scrollata del tutto fa un piccolo rimbalzo sul bordo inferiore dello schermo, rendendo visibile in minima parte il video background che è ancora presente dietro,. Si potrebbe aggirare questo problema?
Ciao! si può fare in vari modi, cambiando la treshold o aggiungendo un delay via css, per lo sfondo si potrebbe aggiungere una classe quando si arriva alla fine dello scroll con js che nasconde il video
@@Marchetti_Design Per la seconda anche se nascondesse il video gli farebbe comunque il balzetto alla fine dove vedrebbe nero in questo caso. Una risposta potrebbe essere mettere overscroll-behavior: none nel body, ma comunque non sarebbe il massimissimo perché non va su safari (se non nella v16).
Ciao, sei bravissimo sto iniziando a guardare i tuoi video xkè vorrei entrare pure io in questo mondo bellissimo!! Una curiosità, si può fare lo stesso lavoro su WordPress o no? Scusami sarà una domanda stupida sicuramente, ma ripeto, non ne capisco molto 😅
ciao andrea perchè non hai utilizzato sticky al posto di fixed ? In ogni caso sei davvero forte continua ad aiutare migliaglia di persone ad essere dei designer migliori
Buonasera Andrea! ho un problema , quando faccio ispeziona , non ci sono transazioni esempio quando vado dalla sezione uno alla due non cambia la class puoi aiutarmi a risolvere questo problema?.
Ciao Andrea, ho notato che su VS molti snipped di WP o sono mancanti o con qualche errore rispetto ad atom. Volevo sapere se ti tornasse la cosa o fosse un mio problema
Siccome dice che bisogna inserire codice per far vedere le transizioni delle sezioni se il browser non le supporta, qualcuno potrebbe dirmi che righe di codice dovrei mettere, probabilmente il mio browser non le supporta. Grazie mille
Ciao, come mai a refresh della pagina i titles scompaiono? l'unico modo per farli riapparire è cancellare il codice js, salvare, riscriverlo e risalvare. Solo io ho questo problema?
Ciao Andrea, Sto provando ad usare la tecnica dell'observe con Wordpress su una pagina prodotto. Ho creato un file .js esterno e collegato da functions.php con una wp_enqueue_script solo nella pagina prodotto, Il file viene visualizzato e caricato correttamente, ma allo scroll non viene aggiunta la classe .in-page. Ho copiato il codice interamente con i tuoi snippet, provato in diversi modi, ma non riesco a farlo funzionare.
Bella Andre, dammi un info, stavo seguendo un corso Javascript e mi dicevano che ora, per definire le variabili, invece di var dobbiamo usare let, ma suppongo che siano valide entrambe le opzioni
Io non riesco per un motivo bizzarro a trovare il file mp4 da scaricare nel mentre faccio tasto destro esamina il video si ferma e quando mi metto a cercarlo nella finestra degli strumenti per lo sviluppatore non riesco a trovarlo ci sono i link per scaricare solo le immagini del fermo immagine di file mp4 nemmeno l'ombra sapete dirmi come sia possibile - grazie
Ok risolto aprendolo con chrome che cosa strana - ma tanto per imparare una cosa nuova per voi che siete più navigati è normale che se il video si bloccava mostrando solo un frame in pausa il codice html dalla finestra degli strumenti per lo sviluppatore mi nascondesse il file mp4 e me lo mostrava soltanto come una serie di file jpg - grazie
Non conoscevo questa nuova pratica dell'observe, infatti pensavo di realizzarla con Locomotive o GSAP. Questo è un aggiornamento fantastico per JS. Ci sono dei siti che posso seguire per rimanere aggiornato su tutte queste novità dei linguaggi front end?
Grazie!! Sarebbe utilissimo se facessi una playlist a tema javascript partendo dalle basi, continua cosi!
Si ma vogliamo anche il resto della landing page dell'iPhone eh!
Daje Sig. Marchetti! ♥️✌️
ormai io metto il like sulla fiducia , adoro tutti i tuoi video, molto utili e facili da apprendere.
Grazie!!!! mi hai svoltato la vita. Gli snippets sono fantastici
daje
ho iniziato a fare le prime robe front end mentre ero all'università guardando nel 2017 i tuoi video tutorial per bootstrap 4. Intanto sono diventato un drago 🐲 e mi sto sto spostando sulla UX design e sulle animazioni pur rimanendo con la voglia di scrivere codice. E nulla, riesci sempre ad insegnarmi e darmi la carica. Ti devo molto.
MAMMA MIA SEI UN GRANDE!!!
video di altissima qualità GRANDE!!
aspettiamo tutti il prossimo video😀
Complimenti sinceri, talmente ben fatto che ho iniziato a seguirti. Ottimo video.
Video top come sempre! Aspettiamo lo scroll orizzontale 😂
Sempre un drago ! E' un piacere vedere cosa ti inventi ogni volta !!! e poi vogliamo parlare di Boom ! Steve Jobs ? ahhaha Andy Number one !! Creativo a 360 gradi !
Bel video, ho apprezzato molto e mi ha ispirato. Grande!
Fantastico….. 🎉
Mi sta venendo voglia di iscrivermi alla community e fare il corso Pro ❤
Dajee
Siii approfondiamo js! Video 🔝🔝🔝 grazie ❤️
Andrea ti consiglio di migliorare lo snippet "j-observe" sostituendo VAR con LET oppure CONST dato che le variabili difficilmente devono essere richiamate e modificate. Ottimo video! :)
Ciao Andrea, finalmente ieri sera ho trovato il tempo per iniziare questa nuova serie di video. Che bomba!!! Purtroppo non ho ancora avuto modo di acquistare il tuo nuovo Next Web Hero perché sono pieno di lavoro. Spero nelle feste di Natale di poter proseguire la mia formazione. Intanto complimenti come sempre e da parte mia c'è super interesse nel proseguire questa serie.
Grande! Grazie del supporto 💪
Numero 1! complimenti!
#SuperMarchetti video 💣💣💣💣💣 senza parole super 🙌🙌🙌🙌🙌
Video top andrea!!!! volevo farti una domanda: con questo metodo utilizzando l'observer è possibile anche eseguire animazioni allo scroll (esempio scrub di gsap scrolltrigger) e creare degli elementi pinnati (pin di scrolltrigger)?
Altro che 600, 6000 ne meriti :)
STUPENDO!
Sempre il migliore.
Fantastico 😍😍.....potresti fare invece quello che fanno all'interno della pagina di presentazione del nuovo iPhone??
Grazie fenomenale!!! Una domanda, perché non hai creato un file css ma hai scritto tutto nello stile dell'html?
Per comodità in un sito vero li metterei el css generale
grazie mille, ultima cosa potresti riportare nel canale tutorial come questi? e dove posso trovare le informazioni per il tuo corso? Grazie mille sei al top 🔝 @@Marchetti_Design
@@lorenzofaustini4416 ecco qui le info del corso, al suo interno facciamo molte animazioni più avanzate di quelle che vedi in questo video: marchettidesignshop.com/next-web-hero/
che bel video caspita. Complimenti ma per chi parte da zero per caso hai fatto tutorial basilari su javascript?
Si cerva javascript facile su canale 😉
Ciao, complimenti per il video! inserisco una miglioria responsive che permette di eseguire il video anche su dispositivi IOS, oltre al parametro "muted" del tag video aggiungi "playsinline".
Ciao Andre, complimenti per i contenuti sempre al Top che porti! Tanta Roba! Vorrei chiederti se porterai qualche contenuto su JS, grazie per la risposta.
Ciao, Se c’è interesse porterò sicuramente contenuti su js
Grazie mille!
ti amo
Che figata!! Fai sembrare tutto cosi semplice ahahah ... ti voglio far una domanda stupida da neofita, ma tutto questo procedimento, si può fare anche su wordpress?
Per fare una struttura del genere in wp bisogna creare un template custom, vediamo come farlo nei corsi link in descrizione
Prima di tutto complimenti per il video e per la passione che metti nel farli, si vede soprattutto dal fatto che lasci moltissimo materiale gratuito, e questo ti rende una persona non solo competente ma anche interessata a far crescere la passione negli altri.
2 domandine:
- l'animazione fade out e fade in allo scroll delle sezioni è quasi contemporanea, praticamente nell'istante in cui la prima sezione scompare appare la seconda , ed essendo entrambe nella stessa posizione il risultato personalmente non mi fa impazzire. Sarebbe possibile far scomparire prima la prima sezione "totalmente" e poi far apparire la seconda?
- la parte finale del sito a sfondo bianco quando viene scrollata del tutto fa un piccolo rimbalzo sul bordo inferiore dello schermo, rendendo visibile in minima parte il video background che è ancora presente dietro,. Si potrebbe aggirare questo problema?
Ciao! si può fare in vari modi, cambiando la treshold o aggiungendo un delay via css, per lo sfondo si potrebbe aggiungere una classe quando si arriva alla fine dello scroll con js
che nasconde il video
@@Marchetti_Design Per la seconda anche se nascondesse il video gli farebbe comunque il balzetto alla fine dove vedrebbe nero in questo caso.
Una risposta potrebbe essere mettere overscroll-behavior: none nel body, ma comunque non sarebbe il massimissimo perché non va su safari (se non nella v16).
boom boom and boom! top! :D
ho messo like
adesso guaro il video
Ciao, sei bravissimo sto iniziando a guardare i tuoi video xkè vorrei entrare pure io in questo mondo bellissimo!! Una curiosità, si può fare lo stesso lavoro su WordPress o no? Scusami sarà una domanda stupida sicuramente, ma ripeto, non ne capisco molto 😅
Si con un custom template
ciao andrea perchè non hai utilizzato sticky al posto di fixed ? In ogni caso sei davvero forte continua ad aiutare migliaglia di persone ad essere dei designer migliori
Salve
Faresti una serie di video per impostare JavaScript?
Grazie 🙏
Il god dell’html
non esageriamo dai heheh
scoperto oggi per caso e gia un sacco di nozioni importanti!
ma un video su come fare uno scroll animato con svg?
Buonasera Andrea! ho un problema , quando faccio ispeziona , non ci sono transazioni esempio
quando vado dalla sezione uno alla due non cambia la class puoi aiutarmi a risolvere questo problema?.
Grazie mille ottimo tutorial! Ma come fai a trovare il video nella pagina di apple watch? io non riesco a trovarla
Ciao! Ispeziona elemento e l’occhio dello sviluppatore 😉
Ciao, forse mi sono perso qualche video precedente, puoi dirmi quale estensione (vs code) usi per javascript?
Nessuna, sono i miei snippets link in descrizione
Ciao Andrea, ho notato che su VS molti snipped di WP o sono mancanti o con qualche errore rispetto ad atom. Volevo sapere se ti tornasse la cosa o fosse un mio problema
Ciao è possibile che nella conversione da atom wp ci sia qualche errorino nelle prossime release andrò a testarli ancora
avrei una domanda, ho scaricato gli snippets di vsc dalla community, ma ora come faccio a renderli attivi? li devo caricare in qualche modo? grazie
C’è un video in descrizione che ti spiega come fare
Siccome dice che bisogna inserire codice per far vedere le transizioni delle sezioni se il browser non le supporta, qualcuno potrebbe dirmi che righe di codice dovrei mettere, probabilmente il mio browser non le supporta. Grazie mille
Mettendo position fixed l'h2 non è più centrato, ma se lo levo l'animazione non viene. Come posso fare?
Scrivi sul gruppo fb link in descrizione
Ciao, come mai a refresh della pagina i titles scompaiono? l'unico modo per farli riapparire è cancellare il codice js, salvare, riscriverlo e risalvare. Solo io ho questo problema?
Ciao, Si sbagli qualcosa nel codice ricontrolla bene
Ciao Andrea,
Sto provando ad usare la tecnica dell'observe con Wordpress su una pagina prodotto. Ho creato un file .js esterno e collegato da functions.php con una wp_enqueue_script solo nella pagina prodotto, Il file viene visualizzato e caricato correttamente, ma allo scroll non viene aggiunta la classe .in-page. Ho copiato il codice interamente con i tuoi snippet, provato in diversi modi, ma non riesco a farlo funzionare.
Ciao! Scrivi sul gruppo fb cosi ti aiutiamo in più persone link in descrizione 😉
Bella Andre, dammi un info, stavo seguendo un corso Javascript e mi dicevano che ora, per definire le variabili, invece di var dobbiamo usare let, ma suppongo che siano valide entrambe le opzioni
Puoi usare let e const al posto di var, lo vedremo nei prossimi video io sono un po’ old school
Ciao Andrea non ho trovato il materiale da scaricare di questo progetto nella sezione vip del sito?
guarda ora ;-)
Grazie mille
Boom!
Ciao Andrea, perché non usi più atom?
Ciao, perché va in pensione a gennaio, non sara più supportato
Grande Andrea sempre al top, utile ed efficace come sempre 😎
una domanda: come si fa a fare un puntatore multiplo?
maiusc + alt
@@Marchetti_Design grazie mille
Io non riesco per un motivo bizzarro a trovare il file mp4 da scaricare nel mentre faccio tasto destro esamina il video si ferma e quando mi metto a cercarlo nella finestra degli strumenti per lo sviluppatore non riesco a trovarlo ci sono i link per scaricare solo le immagini del fermo immagine di file mp4 nemmeno l'ombra sapete dirmi come sia possibile - grazie
Ok risolto aprendolo con chrome che cosa strana - ma tanto per imparare una cosa nuova per voi che siete più navigati è normale che se il video si bloccava mostrando solo un frame in pausa il codice html dalla finestra degli strumenti per lo sviluppatore mi nascondesse il file mp4 e me lo mostrava soltanto come una serie di file jpg - grazie
Io sono a completo digiuno di javascript.. please help!
Arriverà a breve 🙌
Non conoscevo questa nuova pratica dell'observe, infatti pensavo di realizzarla con Locomotive o GSAP. Questo è un aggiornamento fantastico per JS. Ci sono dei siti che posso seguire per rimanere aggiornato su tutte queste novità dei linguaggi front end?
Code pen, cordrops, speackyboy
buongiorno Andrea ho provato ad iscrivermi nella comunity ma non mi arriva la mail con i dati di accesso. grazie mauro
Controlla nello spam e nella tab promozioni 😉
@@Marchetti_Design no Andrea non c'è ho controllato😌
Sono al 199esimo like... 😂
Salve a tutti e grazie ad @andrea.
Sono interessato ad una playlist su JavaScript.
Complimenti per la chiarezza con cui spieghi le tue lezioni 👏🏻👏🏻👏🏻
Grazie mille!