Ok, vediamo un attimo quali sono alcune cose che si possono trovare in giro su alcuni siti internet che sono sempre di terze parti, ma che alla fine parlano con Flo molto a livello di servizi a livello di prodotti che stanno creando.

Uno di questi che stiamo vedendo qua è un sito interamente costruito con Apple tutta l'animazione che vedete qui è un'animazione custom con dei tutorial per arrivare a costruirle.

E qua possiamo vedere una serie di siti fatti proprio da questa agenzia che si è specializzata nel fare siti esclusivamente con web.

Poi possiamo vedere alcuni di questi siti andando li' effettivamente a vedere dall'inizio alla fine, come vedete, ci sono tante animazioni all'interno che non abbiamo mai colto in questo momento perché sono molto complesse da creare.

Soprattutto richiedono un grande, una grande conoscenza dello strumento.

Prima di iniziare a parlare di delle animazioni queste parti, ma possiamo vedere alcuni dei componenti che abbiamo visto, ovvero Lehder sopra, che è molto simile a quello che noi abbiamo visto.

Un video in background con un titolo, una descrizione, un bottone con un effetto in over l'effetto in over.

Chiedete questo anche qua abbiamo degli effetti rover bottone testo, titolo, testo e di alti i bottoni che ci aiutano a cambiare il contenuto dentro.

Esattamente la Tav che abbiamo visto prima.

Gli elementi comunque si vanno sempre a rivedere all'interno di questi contesti percio'.

Una volta che avete iniziato a prendere confidenza con gli out con quello che il testo piano piano inizierete a creare sempre cose più complesse.

Quindi consiglio sente prima creare layout.

Imparate a creare molto bene layout e una volta che rendete a creare gli outfit e passare al livello successivo vero animazioni, interazioni parte sempre più complesse.

Quindi, andando a vedere un attimo anche il sito, possiamo vedere che loro hanno costruito una cosa che ho utilizzato un paio di volte, non per il sito che vi ho fatto vedere, però c'è la libreria di re lume, quindi è la libreria più grande in questo caso di componenti creati con Wexler potete utilizzare c' è un pricing, se non sbaglio inizialmente Jeffrey potete solamente vedere trenta componenti di volume e poi dovete pagare trenta due dollari al mese oppure mostri un trentotto dollari al mese.

Ma che cosa trovate All'interno? Trovate all'interno tutte le librerie dei componenti che ci sono all'interno, quindi io voglio vedere un componente salvar melo, condividerlo, vederlo effettivamente e posso fare una serie di cose con questi componenti.

Io faccio vedere quello che dovrebbe vedersi all'interno.

Ok, quello che vediamo all'interno è una serie di componenti e di ELEMENTS DPG Temple che io posso andare a definire il budget in place trovero' proprio dei grossi blocchi totalmente creati da zero da parte di altre persone.

Quindi in questo caso mettiamo il caso che io voglia prendere solamente non una pagina intera, ma voglio andare a prendere un un Eder, una vedere Section.

Ok, quindi cioè questa idea iniziale faccio un copy, ovviamente sto ho la licenza e posso prendere queste tutte queste librerie.

Vado sul mio contenitore.

Abbiamo un sito internet che abbiamo qua vuoto del ritorno nella dashboard dei progetti e torniamo nella visualizzazione del sito.

Abbiamo costruito inizialmente riprova e utilizziamo la library.

Questo caso trasforma di nuovo in white body e inizia a mettere dentro il codice.

Come vedete, ho copiato interamente tutta la tipologia dall'inizio alla fine con anche le classi all'interno.

Come vedete qua gli heading chiaramente non sono definiti margin-bottom i margini small, eccetera eccetera eccetera Una volta che noi andiamo a creare questo quello che ci è utile nel nostro nostra parte, che possiamo già vederlo in tutte le varie parti.

Quindi mettiamo caso che vogliamo crearci un sito internet molto rapidamente e non abbiamo in mente di fare chissà quale tipo di il Braille o comunque di miglioramento del sito internet.

E vogliamo qualcosa di molto base di andare a trovare un bar.

Voglio mettere Kopi okay modo camera piano piano questa è un'immagine.

Oppure magari potrei andare a mettere qualcos'altro all'interno.

Quindi, come ad esempio utilizzare una action come quello che abbiamo visto prima outsider un chilo action.

Questo caso vuole qualcosa di un pochino più complesso.

Quindi proprio quello che ho creato prima e inserisco di nuovo questo l'istruzione al body lo creo qua.

Come vedete, iniziano a crearsi una serie di cose proprio da una parte all'altra e poi posso come sempre da lei o del mio padrone interno per migliorare quello che è l'oggetto in questione.

Questo ad esempio posso migliorarlo creando questo avendo più spazi all'interno.

Poi posso aggiornarlo io come voglio l'elemento Vedete qua le faccio una preview.

Posso vedere che ho già una classe con degli elementi già costruiti e tutti quanti cliccabili.

Poi chiaramente ci sono alcune cose da toccare da modificare, ma comunque ci permette di lavorare molto piu' velocità quando dobbiamo fare qualcosa, magari di molto, molto rapido, ottimo per questa tipologia di progetto, soprattutto quando magari avete poco tempo.

Dovete fare qualcosa di un test veloce.

Vi consiglio di andare su quello puoi migliorare quello che avete fatto.

Solitamente il mio processo è stato prima capire come funziona layout capire come funziona il film con Web Chloe puoi passare ogni tanto utilizzare questi elementi per velocizzare il processo.

Passiamo invece a un altro sito internet Tweet, Tweet si occupa di fare una serie di servizi per Wolf è quindi ha preparato servizi che hanno un minimo di codice dentro e sono molto particolari.

Possiamo vedere ad esempio quello di abstract.

Sono socio il link assolutamente.

Questi siti vengono utilizzati magari per poco e poi cadono comunque danno spazio qualcos'altro.

Qua però noi vediamo tantissimi che possono esserci utili per capire quali sono le cose complesse che si possono creare.

All'interno è una delle cose che ho utilizzato da parte loro è il discorso del loro plugin che vi consiglio di utilizzare, ovvero la Chrome Extension.

Questa qui quindi due cose da una parte è questo che è effettivamente un aiuto per fare una serie di cose all'interno del sito e dall'altra parte per stabilizzare la barra che vedete qua sinistra come la voglio io.

Quindi posso mettere posso decidere il colore Posso ingrandirla Se la scopa wife offre una serie di cose E poi è esattamente questo il codice che tu generi.

Quindi che cosa fai? Prima decidi come vuoi, Element colore Quante diversità la s-cross Baldi, quanto deve essere? Vedete che mano a mano che io lo creo si aggiorna qui a destra? Ok, quando me la sono creata e ho deciso quanto deve essere grande, quindi magari meno di sedici ma sette pixel inizio a definirla qua qua all'interno cambia il bordo del radio su una serie di altre cose che posso andare a cui posso andare a giocare.

Poi prendo questo codice, lo copio, incollo direttamente da qua e le inserisco all'interno del mio body.

Il mio Eder è all'interno del web.

Ci permette di avere sempre degli stili, delle cose particolari senza scrivere del codice, ma semplicemente rendendolo è già disponibile ad altri.

Vi consiglio di scaricare poi il tutto la parte di di estensione Crom perché all'interno potete organizzare, potete cancellare dell'emilia.

Quindi, qualora create per sbaglio rimuovere le classi, fare delle interazioni molto più rapidamente.

Sono in stile proprio gli aiuti che hanno creato apposta per noi designer per rendere tutto molto piu' semplice.

Questo invece è uno dei migliori.

Bello, perché oggi è sul mercato attualmente che si occupa di fare siti internet custom, quindi quello che vedete è interamente fatto.

No Flo, come vedete, c' è tutta una serie di componenti che si vengono a creare.

È una persona estremamente brava e ha un suo canale all'interno YouTube, dove racconta come fa alcune alcuni progetti e la cosa che li utilizza molto e utilizza la libreria di SAP.

Quindi questa libreria che molti sviluppatori utilizzano davvero é integra Gesap Gesap con quello che è il mondo di weblog, quindi utilizza le innovazioni custom direttamente da li', integrando proprio a livello di codice le librerie diverse.

Però possiamo vedere anche che lui all'interno una serie di siti che possono essere clonati, quindi possiamo vederli come saranno effettivamente dal vivo.

Quindi in questo caso io apro un like sight e questa è la tipologia di animazione.

Vedete che un'animazione che sembra quasi da un sito di Awards.

Ci sono proprio delle animazioni molto molto pesanti e attraverso Respect Mode.

Quindi aprire direttamente il progetto All'interno di Wicklow.

Riuscite a capire più o meno come ha costruito é come prendere parte del codice per poter costruire questo tipo di elementi.

Questo è utile quando dovete creare cose molto custom molto particolari che però vi chiedono del tempo.

Chiaramente è quello è il mio consiglio principale dove andare a vedere delle risorse di come fare lo step massimo di quattro, ovvero utilizzare parti del codice per riuscire a creare davvero delle animazioni totalmente custom.

É davvero visualizzabili quasi come se fosse un sito internet creato ad hoc.

Ovviamente serve comunque conoscere un minimo di codice per poterle fare.

In questo caso possiamo vedere come il il progetto qua non vada in Lady in Red Red Raymond, ma dovete pubblicarlo comunque, vedere il sito internet live qua possiamo vedere ad esempio uno degli ultimi dove all'interno abbiamo uno scroll orientation.

Vedete che quando io vado sopra vado giù e nel momento in cui vado giù la lo scrolling orizzontale ci sono tantissime di queste tipologie all'interno di altri canali, come come Wexler è di trovarli da Timothy o da altre persone quello che vi consiglio.

Guardate, fatevi un giro all'interno di Maxwell Fletcher e trovate delle ispirazioni che possono essere anche Chlo Nabil e quindi in questo momento attivate il clone sights Holly e poi trovate degli inspiration fate dei copia-incolla, iniziate a lavorare con quelli.

Il mio consiglio è partite inizialmente dal layout.

Una volta che avrete capito come fare bene un layout passate alla prossima fase, ovvero quella di integrazione di elementi più complessi.