Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Introducción a flexbox - WordCamp Sevilla 2016

589 visualizaciones

Publicado el

Presentación de introducción al Live Demo de Flexbox en WordCamp Sevilla 2016

Publicado en: Tecnología
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Introducción a flexbox - WordCamp Sevilla 2016

  1. 1. dariobf.com #WCBilbao MEJORA TU DISEÑO RESPONSIVE CON FLEXBOX DARIOBF EXPERTO EN WORDPRESS #WCSevilla16 @DarioBF
  2. 2. dariobf.com #WCBilbao ¡Hola! Soy Darío, diseñadory maquetador front-end. @DarioBF dariobf.com DARIOBF EXPERTO EN WORDPRESS #WCSevilla16
  3. 3. dariobf.com #WCBilbao Diseñador UI/UX Maquetador Front-End Desarrolladorweb WordPress DesarrolladorActualidadBlog Formador Consultor OrganizadorWordCamp Santander OrganizadorWPCantabria Editor de traducciones es_ES dariobf.com DARIOBF EXPERTO EN WORDPRESS #WCSevilla16
  4. 4. dariobf.com #WCSevilla16http://giphy.com/gifs/13XW2MJE0XCoM0
  5. 5. dariobf.com #WCSevilla16 CSS ES INCREIBLE
  6. 6. dariobf.com #WCSevilla16 FLEXBOX ES MUCHO MÁS INCREIBLE
  7. 7. dariobf.com #WCSevilla16 DISTRIBUCIÓN ALINEACIÓN ORDEN } ELEMENTOS
  8. 8. dariobf.com #WCSevilla16 FLOAT CLEAR ?¿
  9. 9. dariobf.com #WCSevilla16 <div class="col-lg-4 col-md-6 col-sm-9 metamos-mas-clases porque-si“> ...contenido </div> NO ES SEMÁNTICO #WCSevilla16
  10. 10. dariobf.com #WCSevilla16 ALGUNAS COSAS SOBRE FLEXBOX
  11. 11. dariobf.com #WCSevilla16 display: box; /* 2009 */ display: flexbox; /* 2011 */ display: flex; /* ahora */ EVOLUCIÓN #WCSevilla16
  12. 12. dariobf.com #WCSevilla16
  13. 13. dariobf.com #WCSevilla16 LIVE DEMO
  14. 14. dariobf.com #WCSevilla16 TIP - USA PREFIJOS
  15. 15. dariobf.com #WCSevilla16
  16. 16. dariobf.com #WCSevilla16
  17. 17. dariobf.com #WCBilbao ¡GRACIAS! @DarioBF dariobf.com ¿PREGUNTAS? #WCSevilla16

×