i layout del futuro con flexbox
TRANSCRIPT
Il Futuro dei Layoutgrazie a FlexBox
http://www.w3.org/TR/css-flexbox-1/
Il Futuro dei Layout grazie a FlexBox
http://www.w3.org/TR/css-flexbox-1/
Possiamo usarlo oggi?
Il Futuro dei Layout grazie a FlexBox
https://developer.mozilla.org/en-US/docs/Web/CSS/display
E come si usa?
Il Futuro dei Layout grazie a FlexBox
https://developer.mozilla.org/en-US/docs/Web/CSS/display
E come si usa?
Il Futuro dei Layout grazie a FlexBox
https://developer.mozilla.org/en-US/docs/Web/CSS/display
E come si usa?
<div><div>
<div>
<div>
Il Futuro dei Layout grazie a FlexBox
https://developer.mozilla.org/en-US/docs/Web/CSS/flex
One property to rule them all
Rimasto conqualche dubbio?
Il Futuro dei Layout grazie a FlexBox
Gestisci la larghezza standard
http://codepen.io/Andrea_Barghigiani/pen/PPqXye | https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
http://codepen.io/Andrea_Barghigiani/pen/meJaNx | https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
Il Futuro dei Layout grazie a FlexBox
Gestisci la crescita
http://codepen.io/Andrea_Barghigiani/pen/jbPdEj | https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
Il Futuro dei Layout grazie a FlexBox
e la riduzione...
http://codepen.io/Andrea_Barghigiani/pen/ZbGwpQ | https://developer.mozilla.org/en-US/docs/Web/CSS/flex
Il Futuro dei Layout grazie a FlexBox
Tutto in uno!
Rimasto conqualche dubbio?
http://codepen.io/Andrea_Barghigiani/pen/VvLgpX | https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
Il Futuro dei Layout grazie a FlexBox
Puoi gestire anche la direzione!
http://codepen.io/Andrea_Barghigiani/pen/rOVPvy | https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
Il Futuro dei Layout grazie a FlexBox
Come contenere gli elementi
http://codepen.io/Andrea_Barghigiani/full/rOVPvy
Il Futuro dei Layout grazie a FlexBox
Costruiamo un vero layout
skillsAndMoreRegistrati ora ad un prezzo irripetibile!
http://skillsandmore.org/registrami
Il Futuro dei Layout grazie a FlexBox