{"id":2998,"date":"2020-04-18T14:38:42","date_gmt":"2020-04-18T12:38:42","guid":{"rendered":"https:\/\/2020.spain.wordcamp.org\/?post_type=wcb_session&#038;p=2998"},"modified":"2020-05-17T11:54:28","modified_gmt":"2020-05-17T09:54:28","slug":"flexbox-y-grid-los-mejores-amigos-de-los-maquetadores","status":"publish","type":"wcb_session","link":"https:\/\/spain.wordcamp.org\/2020\/session\/flexbox-y-grid-los-mejores-amigos-de-los-maquetadores\/","title":{"rendered":"Flexbox y Grid: los mejores amigos de los maquetadores"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Atr\u00e1s han quedado esas \u00f1apas para centrar verticalmente nuestros elementos de HTML, el exceso desmedido de \u00abfloat: left\u00bb y la \u00abdividitis\u00bb.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Gracias a la estandarizaci\u00f3n del HTML5 y CSS3 hoy contamos con dos magn\u00edficas propiedades que nos permitir\u00e1n crear y manipular la estructura de nuestra web &#8216;a piacere&#8217;. En esta charla te explicar\u00e9 el correcto uso de las propiedades Flex y Grid de CSS y algunos tips extras que he ido aprendiendo como maquetador Frontend y que me han ahorrado tiempo y muchos dolores de cabeza.<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress-tv wp-block-embed is-type-video wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='640' height='360' src='https:\/\/video.wordpress.com\/embed\/95wpdpl3?hd=1&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Atr\u00e1s han quedado esas \u00f1apas para centrar verticalmente nuestros elementos de HTML, el exceso desmedido de \u00abfloat: left\u00bb y la \u00abdividitis\u00bb.<\/p>\n","protected":false},"author":11565751,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1588784400,"_wcpt_session_duration":1800,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/2020.spain.wordcamp.org\/files\/2020\/05\/06B08_03_mauricio-gelves-flexbox-y-grid-los-mejores-amigos-del-maquetador-comprimida.pdf","_wcpt_session_video":"https:\/\/wordpress.tv\/2020\/05\/09\/mauricio-gelves-flexbox-y-grid-los-mejores-amigos-de-los-maquetadores\/","_wcpt_speaker_id":[2877],"footnotes":""},"session_track":[37],"session_category":[42],"class_list":["post-2998","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-sala-b","wcb_session_category-desarrollo"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"6 de mayo de 2020","time":"19:00"},"session_speakers":[{"id":"2877","slug":"mauricio-gelves","name":"Mauricio Gelves","link":"https:\/\/spain.wordcamp.org\/2020\/speaker\/mauricio-gelves\/"}],"session_cats_rendered":"Desarrollo","_links":{"self":[{"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/2998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":3,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/2998\/revisions"}],"predecessor-version":[{"id":8088,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/2998\/revisions\/8088"}],"speakers":[{"embeddable":true,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/speakers\/2877"}],"author":[{"embeddable":true,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wporg\/v1\/users\/mgelves"}],"wp:attachment":[{"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/media?parent=2998"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_track?post=2998"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_category?post=2998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}