"Emprendiendo en el mundo digital" Celebrando el día internacional de la mujer Women Techmakers Santa Cruz - GDG Santa Cruz 04 Marzo 2017 - Santa Cruz, Bolivia

1. KEEP
CALM
AND
WRITE CSS
WITH
FLEXBOX
Luz Maria Maida / @LuMaidacl
Front-end engineer / Moka Mint

2. FLEXBOX
Flexbox, es un layout que proporciona una forma
más eficiente de distribuir el espacio entre los
elementos de un contenedor. Permite alinear,
cambiar el tamaño, la dirección e incluso el orden
de los elementos en CSS.
* Parental Control *

3. UN POCO DE HISTORIA

4. ● Cambios constantes.
● Especificaciones anteriores
a implementar.
● Múltiples versiones de la
especificación
implementada.
● No mas cambios.
● Especificaciones modernas
hacen una implementación
más fácil.
● Herramienta layout
extremadamente PODEROSA

5. %
em/rem
vw/vh

6. Las unidades relativas de
medida son el mejor INDICIO en
un contexto ideal, pero siguen
siendo un indicio

8. Flexbox nos proporciona un
diseño sin UNIDADES

10. https://css-tricks.com/snippets/
css/a-guide-to-flexbox/

11. DEMO

14. Como desarrollador, usa los
recursos SABIAMENTE

15. CODE OR LIFE?

16. FLEXBOX
W3C:
https://www.w3.org/TR/2012/CR-css3-flexbox-20120918/
MDN:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout
/Using_CSS_flexible_boxes
BROWSERS:
http://caniuse.com/#feat=flexbox