Il nuovo modulo FlexBox è compatibile con la maggior parte dei browser moderni, in questa presentazione puoi scoprire i passaggi fondamentali per la creazione di questo layout ma se vuoi vedere la registrazione puoi andare su: http://skillsandmore.org/layout-flexbox Oppure se vuoi accedere al corso esclusivo su skillsAndMore puoi rivolgerti qua: http//skillsandmore.org/courses/crea-nuovi-layout-flexbox/

1. Il Futuro dei Layout
grazie a FlexBox
http://www.w3.org/TR/css-flexbox-1/

2. Il Futuro dei Layout grazie a FlexBox
http://www.w3.org/TR/css-flexbox-1/
Possiamo usarlo oggi?

3. Il Futuro dei Layout grazie a FlexBox
https://developer.mozilla.org/en-US/docs/Web/CSS/display
E come si usa?

4. Il Futuro dei Layout grazie a FlexBox
https://developer.mozilla.org/en-US/docs/Web/CSS/display
E come si usa?

5. 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>

6. Il Futuro dei Layout grazie a FlexBox
https://developer.mozilla.org/en-US/docs/Web/CSS/flex
One property to rule them all

7. Rimasto con
qualche dubbio?

8. 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

9. 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

10. 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...

11. 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!

12. Rimasto con
qualche dubbio?

13. 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!

14. 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

15. http://codepen.io/Andrea_Barghigiani/full/rOVPvy
Il Futuro dei Layout grazie a FlexBox
Costruiamo un vero layout

16. skillsAndMore
Registrati ora ad un prezzo irripetibile!
http://skillsandmore.org/registrami
Il Futuro dei Layout grazie a FlexBox