Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introducción a flexbox - WordCamp Sevilla 2016

0 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×