Cerca

Flex Box

28 Lug , 2020 Web Design

Flex Box

Flexbox è un sistema che permette di implementare un layout a griglie sfruttando le proprietà CSS, per questo viene anche detto Flexible Box. Grazie a questo sistema è possibile realizzare design flessibili e responsive.

Alcune guide

grid layout

L’immancabile w3schools mostra in maniera minimale ma esauriente i principi del layout a blocchi – w3schools

Chris Coyier ha scritto una guida molto dettagliata che mostra tutte le proprietà mostrando svariati esempi – A Complete Guide to Flexbox

Vuoi un piccolo esempio di sito con questo sistema a blocchi? Ci sei già dentro 😀 Per questo sito abbiamo usato Flexbox evitando di utilizzare framework pesanti o ricchi di elementi che poi non vengono utilizzati; risultato? Un sito più leggero con tempi di caricamento ridotti.

Gioca con Flexbox

Sul sito flexboxfroggy.com troverai un simpatico mini-game fatto a livelli dove dovrai utilizzare le proprietà Flexbox per posizionare diversi elementi. Verrai guidato con costanti suggerimenti attraverso un’interfaccia user friendly.

, ,

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.