Flexbox: Layout Responsive con Css Puliti e Pratici
HTML-код
- Опубликовано: 10 сен 2024
- Iscriviti al gruppo dove condividiamo Risorse Free e Tips su WordPress:
bit.ly/gruppo-nlw
...
Iscriviti al gruppo dove parliamo di eCommerce e WooCommerce:
bit.ly/gruppo-n...
🎁SCARICA TUTTE LE RISORSE FREE + i file creati nei Video, iscriviti alla community:
bit.ly/marchett...
🔥Dai un occhiata al corso su WordPress Next Level WP PRO:
bit.ly/next-lev...
🔥Dai un occhiata al corso su WooCommerce Next Level WOO PRO:
bit.ly/next-lev...
🤖Rimani aggiornato con i nuovi contenuti iscriviti al Bot: bit.ly/bot-marc...
🚀 Il mio hosting preferito: bit.ly/md-siteg...
🔴Iscriviti al canale, nuovi video ogni settimana ;-)
/ @marchetti_design
TEMI WordPress FREE
WLOW: www.marchettidesign.net/wlow
Fullby: www.marchettide...
Gridby: www.marchettide...
Swipy: www.marchettide...
Fullbase: it.wordpress.o...
SOCIAL
Twitter: / afmarchetti
Facebook: / marchettidesignnet-140...
Github: github.com/afm...
Codepen: codepen.io/afm...
-
Music: Soundcloud
Music: www.bensound.com
Camera - iPhone 8 Plus / Sony RX100 m4
Stay Tuned!
Ciao. Ho iniziato da qualche mese ha studiare web designer, e questo video mi ha svoltato il mondo. Fino ad adesso ho sempre e solo usato float. Questo metodo è veramente bello e efficace.
Grazie per avermelo fatto scoprire.
Ciao Andrea,ti do una dritta.Se non utilizzassi la proprietà flex-wrap,dato che il valore predeterminato (di default) del browser per quanto riguarda la proprietà flex-shrink è 1,quest'ultima farà in modo che gli elementi appena superano la dimensione verticale o orizzontale del contenitore in base al suo asse principale definito dalla proprietà flex-direction si restringono fino a quando non raggiungono la dimensione minima .In questo caso la dimensione minima di un elemento la puoi verificare applicando il valore min-content alla proprietà width,height o flex-basis.Raggiungono la loro dimensione minima necessaria per non far traboccare il loro contenuto.
Come spieghi tu non spiega nessuno, davvero grande!
Grazie mille per il tutorial! Vi ho scoperti da poco e trovo questi video davvero utili. Buon lavoro!
Bel video!! Ancora una volta complimenti Alessandro!
WOW!!! da oggi in poi Flexbox sarà il mio nuovo mantra nell'utilizzo del CSS!^^
Grazie Andrea, un video molto illuminante :)
Bel video, chiaro e denso di contenuti, continua così!💪🏻💪🏻💪🏻
Grande!!! Flexbox e Grid continuano a confondermi, ma dopo aver visto il tuo video sono molto meno confusa!
Ohh che bello flex! È da parecchio che speravo ne parlassi!!
ciao andrea , bellissimo video grazie mille a presto cia vediamo nella webacademy
Questo tutorial l'avrei dovuto vedere 1 anno fa prima di aver cominciato con un progetto dove ho dovuto fare salti mortali per posizionare gli elementi. E pure si poteva fare nel modo cosi' semplice... Grazie
Andrea sempre sul pezzo! BAM!
Molto chiaro!
Bravissimo e molto chiaro !
grazie utilissimo...stavo impazzendo su come creare un menù simile
Al Master in Web Design purtroppo non utilizzai flexbox. Da quando lo conosco molti procedimenti si sono velocizzati. I tuoi video fanno chiarezza e soprattutto sono facilmente comprensibili anche per neofiti! Complimenti!
Bel video, complimenti
Che figata Andrea, era un po' che non seguivo gli aggiornamenti del CSS e FlexBox me lo ero assolutamente perso. Anche perché prima di adottare nuovi standard cerco sempre di essere sicuro che non si possa usare codice maturo e funzionante sul maggior numero di browser, o che almeno sia ben consolidato su tutti i fornitori di browser.
Grazie per il video, ma ho un problema...quando metto gli elementi in linea, i paragrafi non si mettono in colonna come da te. Si mettono tutti in linea in un UNICA riga e vanno in overflow. Come posso fare in modo che i testi si mettano come da te??
Bravo bel lavoro!
ciao @marchetti Design sei molto bravo! ti volevo chiedere se con Boostrap per rendere responsive il mio sito basta mettere container nel conteiner?
ottimo
Sei una bomba!😂
Pensa se ci fosse stato il box-sizing 20 anni fa... 😅
Hey Andre porti una serie su questo in modo da approfondirlo meglio? Grazie gran video
Se definisci ad un elemento min-width o min-height su di esso l a proprietà flex-shrink non avrà effetto
Buongiorno , puoi elencare i Packages che utilizzi su atom ? Tipo quello per caricare il codice html5 iniziale. Grazie mille
Emmet
Cosa mi consigli per imparare a programmare siti?
prima la serie free su html modulare che trovi sul canale poi questo: marchettidesignshop.com/next-level-wp-pro/
Grazie per il contributo, posso chiederti un consiglio? Sono riuscito a realizzarlo ma non si vede bene dallo smartphone, puoi aiutarmi?
Iscriviti al gruppo Facebook così possiamo darti una mano in più persone, link in descrizione 😉
@@Marchetti_Design Grazie, sono venuto a capo. Molto velocemente in 767px come faccio a far visualizzare i box uno sotto l'altro?
@@Marchetti_Design Qual'è il gruppo facebook?
Link in descrizione 😉
@@Marchetti_Design scusa non lo vedo
Andrea voi Sai perché per centrare un elemento verticalmente utilizzando flexbox ogrid noi definiamo una dimensione verticale all'elemento Body o all'elemento HTML radice perché questi due elementi si comportano come elementi di blocco te ne puoi accorgere definendo al l'elemento body o all'elemento html un bordo. però si comportano diversamente quando applichiamo uno sfondo a questi elementi perché riempiono tutta la pagina corrispondente alle dimensioni della finestra del browser.Ecco il motivo per cui definiamo una dimensione verticale all'elemento body o html quando vogliamo centrare un elemento verticalmente.Sto creando una masterclass per il Css fammi sapere se ti piacerebbe seguire il mio corso.
Andrea non riesco a farlo funzionare con le card
Mi riesci a dare una mano ?
Scrivi sul gruppo facebook! ;-)
A che serve il CSS di reset
A standardizzare il css trai i vari browser
Ci sono riuscita a fare quasi tutto tranne a mettere un blocco in una freccia bolla
Troppo piccolo non si vede!
Zoomma