Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Keep calm and write CSS with Flexbox - Luz Maria Maida Claure (WTM - GDG - CBBA)

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 17 Anuncio
Anuncio

Más Contenido Relacionado

A los espectadores también les gustó (14)

Similares a Keep calm and write CSS with Flexbox - Luz Maria Maida Claure (WTM - GDG - CBBA) (20)

Anuncio

Más reciente (20)

Anuncio

Keep calm and write CSS with Flexbox - Luz Maria Maida Claure (WTM - GDG - CBBA)

  1. 1. KEEP CALM AND WRITE CSS WITH FLEXBOX Luz Maria Maida / @LuMaidacl Front-end engineer / Moka Mint
  2. 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. 3. UN POCO DE HISTORIA
  4. 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. 5. % em/rem vw/vh
  6. 6. Las unidades relativas de medida son el mejor INDICIO en un contexto ideal, pero siguen siendo un indicio
  7. 7. Flexbox nos proporciona un diseño sin UNIDADES
  8. 8. https://css-tricks.com/snippets/ css/a-guide-to-flexbox/
  9. 9. DEMO
  10. 10. Como desarrollador, usa los recursos SABIAMENTE
  11. 11. CODE OR LIFE?
  12. 12. 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

×