{"id":3042,"date":"2020-04-18T16:24:16","date_gmt":"2020-04-18T14:24:16","guid":{"rendered":"https:\/\/2020.spain.wordcamp.org\/?post_type=wcb_session&#038;p=3042"},"modified":"2020-05-09T19:24:31","modified_gmt":"2020-05-09T17:24:31","slug":"haz-css-decian-sera-facil-decian","status":"publish","type":"wcb_session","link":"https:\/\/spain.wordcamp.org\/2020\/session\/haz-css-decian-sera-facil-decian\/","title":{"rendered":"Haz CSS dec\u00edan &#8211; ser\u00e1 f\u00e1cil dec\u00edan"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Introducci\u00f3n a CSS donde se ver\u00e1n desde conceptos fundamentales y buenas pr\u00e1cticas hasta cosas hermosas de CSS.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">La charla estar\u00e1 dividida en cuatro partes:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Introducci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Algo r\u00e1pido para entrar en calor:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Regla CSS<\/li><li>Bloque declarativo<\/li><li>Selector (Clases, Id, Tag html)<\/li><li>Selectores Avanzados<\/li><li>Selector de hijos<\/li><li>Selector adyacente<\/li><li>Selector de hermanos<\/li><li>Selector de atributos<br>. Selector de atributos iguales<br>. El atributo contiene un selector<br>. El atributo comienza con el selector<br>. El atributo termina con el selector<br>. Selector espaciado de atributos<br>. Selector de atributos con guiones<\/li><li>Propiedad<\/li><li>Valor<\/li><li>Dejare una lista de t\u00e9rminos que seria interesante conocer (Links para que visiten)<\/li><li>Pseudo-clases (:link, :visited)<br>. acci\u00f3n del usuario (:hover, :active, :focus )<br>. Estados de Interfaz de usuario (:enabled, :disabled, :checked, :indeterminate)<br>. Estructural y posici\u00f3n (:first-child, :last-child, &amp; :only-child, :first-of-type, :last-of-type, &amp; :only-of-type, :nth-child(n) &amp; :nth-last-child(n), :nth-of-type(n) &amp; :nth-last-of-type(n))<br>. Target (section:target {\u2026})<br>. Empty (div:empty {\u2026})<br>. Negation (div:not(.awesome) {\u2026})<\/li><li>Pseudo-elementos<br>. Textual (:first-letter, :first-line)<br>. Generated Content (:after, :before)<br>. Fragmento (::selection)<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">2. Conceptos fundamentales<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Conoceremos algunos conceptos fundamentales como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Herencia<\/li><li>Especificidad<\/li><li>Cascada<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">3. Buenas practicas<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Estilos en linea (Prohibido)<\/li><li>ID (Prohibido)<\/li><li>@import (Prohibido)<\/li><li>!important (Prohibido)<\/li><li>Usar Floats para construir un Layout (Prohibido)<\/li><li>Usar la Convenci\u00f3n de nomenclatura apropiada (Algo como Bem es una buena opci\u00f3n)<\/li><li>Shorthand CSS<\/li><li>Combinar Elementos CSS<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">4. Cosas hermosas de CSS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Algunas cosas por conocer de CSS (links para que visiten):<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>FlexBox<\/li><li>Gutters para Flexbox<\/li><li>CSS Grid &#8211; SubGrid<\/li><li>Multi-column Layout<\/li><li>Modos de escritura<\/li><li>Animaciones<\/li><li>object-fit<\/li><li>clip-path<\/li><li>blend-mode<\/li><li>Masking<\/li><li>shapes<\/li><li>Fuentes Variables<\/li><li>Scroll Snapping<\/li><li>Houdini<\/li><li>CSS Art<\/li><\/ul>\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\/8OtzDW0B?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>Introducci\u00f3n a CSS donde se ver\u00e1n desde conceptos fundamentales y buenas pr\u00e1cticas hasta cosas hermosas de CSS.<\/p>\n","protected":false},"author":14082847,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1588866000,"_wcpt_session_duration":600,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/2020.spain.wordcamp.org\/files\/2020\/05\/07A04_03_Yan-Arlex-Vallejo-Presentacion-CSS.pdf","_wcpt_session_video":"http:\/\/wordpress.tv\/2020\/05\/09\/yan-arlex-vallejo-haz-css-decian-sera-facil-decian\/","_wcpt_speaker_id":[2907],"footnotes":""},"session_track":[36],"session_category":[42],"class_list":["post-3042","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-sala-a","wcb_session_category-desarrollo"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"7 de mayo de 2020","time":"17:40"},"session_speakers":[{"id":"2907","slug":"yan-arlex-vallejo","name":"Yan Arlex Vallejo","link":"https:\/\/spain.wordcamp.org\/2020\/speaker\/yan-arlex-vallejo\/"}],"session_cats_rendered":"Desarrollo","_links":{"self":[{"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/3042","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":6,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/3042\/revisions"}],"predecessor-version":[{"id":8001,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/3042\/revisions\/8001"}],"speakers":[{"embeddable":true,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/speakers\/2907"}],"author":[{"embeddable":true,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wporg\/v1\/users\/yvallejo"}],"wp:attachment":[{"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/media?parent=3042"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_track?post=3042"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/spain.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_category?post=3042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}