{"id":2237,"date":"2019-05-16T14:18:39","date_gmt":"2019-05-16T12:18:39","guid":{"rendered":"https:\/\/2019.sevilla.wordcamp.org\/?post_type=wcb_session&#038;p=2237"},"modified":"2019-10-24T20:50:36","modified_gmt":"2019-10-24T18:50:36","slug":"i-cant-believe-its-css","status":"publish","type":"wcb_session","link":"https:\/\/sevilla.wordcamp.org\/2019-developers\/session\/i-cant-believe-its-css\/","title":{"rendered":"I can&#8217;t believe it&#8217;s CSS"},"content":{"rendered":"\n<p>\u00bfEres de los que instala un plugin cada vez que le piden un slider en una web? \u00bfGeneras cualquier animaci\u00f3n con Javascript? En esta charla vamos a ver c\u00f3mo hacer m\u00f3dulos animados e interacciones usando solo hojas de estilo CSS, desde sliders hasta tabs, pasando por dropdown men\u00fas o ventanas modales. Convi\u00e9rtete en un CSS ninja y deja de matar moscas a ca\u00f1onazos.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"525\" height=\"296\" src=\"https:\/\/www.youtube.com\/embed\/7xXvbTQH9hk?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=es-ES&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n<ul class=\"wordcamp-block wordcamp-post-list has-layout-list wordcamp-speakers\"><li class=\"wordcamp-post-list__post wordcamp-clearfix\">\n<div class=\"wordcamp-speaker wordcamp-speakers__post slug-marta-rey-barroso\">\n\t<h3 class=\"wordcamp-block__item-title wordcamp-speakers__title\"><a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/marta-rey-barroso\/\">Marta Rey Barroso<\/a><\/h3>\n\t\t\t<div class=\"wordcamp-image__avatar-container align-none\">\n\t\t\t<a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/marta-rey-barroso\/\" class=\"wordcamp-image__avatar-link\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/6ddf4905e76ea1e4ddd7ad985f844bb1c47eb14fab79b21fb9caa812beb09592?s=150&amp;d=mm&amp;r=g\" alt=\"Avatar de Marta Rey Barroso\" \/>\t\t\t<\/a>\n\t\t<\/div>\n\t\n\t\t\t<div class=\"wordcamp-block__item-content wordcamp-speakers__content is-excerpt\"><p>Marta es FrontEnder de profesi\u00f3n y dise\u00f1adora de vocaci\u00f3n. Lleva en el mundo del dise\u00f1o web desde 2007. Es advenediza de WordPress y usuaria desde 2013, fan de las metodolog\u00edas CSS y del c\u00f3digo optimizado. Su lema es &quot;No subestimes el poder de CSS&quot;. Actualmente trabaja como responsable del Equipo Front en UNIR.<\/p>\n<\/div>\t\n\t<\/div>\n\n<\/li><\/ul>\n\n\n<h2 class=\"wp-block-heading\">Aperitivo formativo<\/h2>\n\n\n\n<p>Durante las pr\u00f3ximas semanas vamos a ir publicando material complementario (v\u00eddeos, cursos, tutoriales, etc) para que puedas sacarle todo el partido a esta sesi\u00f3n.<\/p>\n\n\n\n<p>Para esta sesi\u00f3n, Marta nos recomienda nociones de Sass, (mixins, variables, placeholders, nesting, sindicaci\u00f3n de clases) y de CSS, para poder entender todo lo que va a tratar sin problemas. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/openwebinars.net\/cursos\/flexbox-css-grid\/\" rel=\"nofollow\">https:\/\/openwebinars.net\/cursos\/flexbox-css-grid\/<\/a><\/li><li><a href=\"https:\/\/openwebinars.net\/cursos\/maquetacion-web-css\/\" rel=\"nofollow\">https:\/\/openwebinars.net\/cursos\/maquetacion-web-css\/<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Enlace de la ponencia y v\u00eddeo en WordPress.tv<\/h4>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfEres de los que instala un plugin cada vez que le piden un slider en una web? \u00bfGeneras cualquier animaci\u00f3n con Javascript? En esta charla vamos a ver c\u00f3mo hacer m\u00f3dulos animados e interacciones usando solo hojas de estilo CSS, desde sliders hasta tabs, pasando por dropdown men\u00fas o ventanas modales. Convi\u00e9rtete en un CSS &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/session\/i-cant-believe-its-css\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abI can&#8217;t believe it&#8217;s CSS\u00bb<\/span><\/a><\/p>\n","protected":false},"author":16879953,"featured_media":5711,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1570262400,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/drive.google.com\/open?id=1jOL6ofToIWpmwfGk10wXYokG2U0-WRI0","_wcpt_session_video":"http:\/\/wordpress.tv\/2019\/10\/22\/marta-rey-barroso-i-cant-believe-its-css\/","_wcpt_speaker_id":[3288],"footnotes":""},"session_track":[164407],"session_category":[385609],"class_list":["post-2237","wcb_session","type-wcb_session","status-publish","has-post-thumbnail","hentry","wcb_track-auditorio","wcb_session_category-charla"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/papmcC-A5","session_date_time":{"date":"5 de octubre de 2019","time":"10:00"},"session_speakers":[{"id":"3288","slug":"marta-rey-barroso","name":"Marta Rey Barroso","link":"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/marta-rey-barroso\/"}],"session_cats_rendered":"Charla \/ Talk","_links":{"self":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions\/2237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":13,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions\/2237\/revisions"}],"predecessor-version":[{"id":5692,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions\/2237\/revisions\/5692"}],"speakers":[{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/speakers\/3288"}],"author":[{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wporg\/v1\/users\/martarey"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/media\/5711"}],"wp:attachment":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/media?parent=2237"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/session_track?post=2237"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/session_category?post=2237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}