Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Introducción a flexbox - WordCamp Sevilla 2016

784 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×