Lezione dal corso Web Design e Webflow
Ok, torniamo a vedere all'interno del nostro sistema quali sono le spaziature che possiamo utilizzare All'interno, quindi dobbiamo parte.
Abbiamo detto che ci sono sicuramente i margini, quindi noi possiamo lavorare su molteplici cose.
Qua possiamo vedere che tab menu a nessun tipo di margine, ma il Group ha un due video with due video with possono essere anche un sedici pixel assolutamente ed è più o meno simile come anche un venti pixel o altre tipologie.
Sta a noi decidere che tipo di misure utilizzare.
Quello che ci viene più comodo è quello che possiamo avere più coerente all'interno del nostro dispositivo è chiaramente che alcuni di questi sono più ottimizzati per alcuni dispositivi.
Alcuni browser altri un po' meno, ma dipende sempre solitamente fem Wexler è molto brava nel prendere un elemento, uno space, una tipologia e renderlo poi visualizzabile in tutti i tipi di browser in maniera cross funzionale.
Quindi in questo caso noi vediamo che abbiamo nella parte i venti pixel no che sono sopra e poi dall'altra parte.
Vediamo questi che sono sedici con sedici più venti arriva a fare un totale di trentasei pixel, cosa che a volte fuori può uscire fuori da quelle che sono le nostre idee che abbiamo di spaziature fatte prima Per questo che quando noi abbiamo come un elemento.
Se noi prendiamo nostro sempre film che gli serve come base, ricordatevi sempre per disegnare qualcosa e poi poter replicare dall'altra parte.
Dobbiamo pensare.
Possiamo avere due cose Due modi di progettare questa parte.
Andiamo, Sull'inter.
Andiamo sul sedici pixel simile a questo.
Vediamo cosa? Quindi facciamo quattordici pixel e questo è in Bold.
Ok, chiamiamolo scopri le do una per casa, ok, sempre maiuscolo e gli do the letter space di due pixel.
Ok, una volta creato questo elemento ok, noi quando andiamo effettivamente a inserirlo All'interno non è mai l'elemento e basta.
Come potrebbe essere, ad esempio, un semplice paragraph che io vado a buttare qua dentro? Ok, questo esempio ha sempre sempre tutti i paragrafi style hanno dieci Se io voglio levare questo semplicemente devo fare su tutti i paragrafi e fare zero così tutte le volte che io pubblicherò un paragrafo non avrà mai della spazzatura all'interno.
Questo ci rende comodo nel caso in cui non ci serva mai avere quel tipo di spazzatura pero' che succede quando tu che di questa spazzatura qua dentro é un po' come se creassi un gruppo con l'auto degli out é qui dentro.
Gli scrivi un servigi pixel vedete che poi effettivamente si ingrandisce sotto e crea una risoluzione molto simile a quella che vediamo su gap.
Lo vedete che si creano i sedici? I pixel sono molto, molto simile a quello che abbiamo dall'altra parte che amo.
Togliamo questo iniziamo a mettere i sedici pixel, vedete che sono qui presenti.
Poi però ho anche questo tab link che fate da un ex bloc e da un vero e proprio che posso cliccare quindi qua selezione il testo come ho fatto prima identico ok, posso anche di prendere lo stesso e qui ho una spazzatura intorno sedici sedici quindici quindici quindi tolgo questo metto a sedici sedici e poi all'interno definisco quello che lo stock le do un quattro pixel e poi vedo effettivamente come viene qua dentro.
Quindi anche qui posso vedere come parlano effettivamente uno con l'altro, quindi qua, a differenza di questo tolgo ma per casa tolgo pixel all'interno quindi zero ok qua magari faccio anche meno un dodici fixer uno otto pixel dodici dodici vede come sta meglio all'interno poi una volta che ho questo io Vedete che il mio elemento non ha niente All'interno.
Sono tutti tre elementi con legati uno con l'altro si chiamano menu e sopra hanno della spazia minuti.
Poi dopo Group Group ha una spaziatura.
Ok, però la stessa identica cosa.
Se avessi avuto questa non avessi avuto la spaziatura qua sui venti Pixel Group, la potevo dare questa avere come spaziatura Margin Qua menti pixel e l'effetto era lo stesso.
Non cambia assolutamente niente.
Perciò è importante sempre che quando lo andate a definire lo definite bene.
Prima in film E poi chi copiate quello che fate dentro? Fig qua dentro.
Io Che cosa faccio? Mi sposto uno con L'altro.
Crea un gruppo.
Questo è il mio flex.
Sto creando Flex in questo momento.
Metto un ventiquattro pixel.
Okay, Utilizzo.
Magari anche questo deve essere sempre troppo assennato a destra e sinistra.
E qui quando sono ho creato questo componente.
É solo questo componente che diro' Stai sopra dall'altro.
Venti pixel sono sopra.
Ok, questi due elementi sono autori out.
Sempre insieme.
Perché questo elemento qua? Ok, non è altro che questo grande Harvey.
Ok, Montague Group.
Abbiamo questo che convivono all'interno.
Quindi quando noi pensiamo a film e a Floyd.
Ricordiamoci sempre di usare l'auto layout e di pensare che l'auto layout è lavora molto bene con quello che è il flex di weblog.
Quindi se uniamo tutte e due le cose, riusciamo poi a creare un'esperienza che veramente se progettiamo bene suo Fig.
Ma ci viene poi molto, molto più facile progettare alla fine sul nostro sistema come questo.
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.