{"id":6209,"date":"2017-01-24T11:48:02","date_gmt":"2017-01-24T10:48:02","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=6209"},"modified":"2017-01-24T11:48:02","modified_gmt":"2017-01-24T10:48:02","slug":"variables-nativas-de-css","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/","title":{"rendered":"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas?"},"content":{"rendered":"<h2>Variables nativas de css<\/h2>\n<p>Las <strong>variables nativas de css<\/strong>, tambi\u00e9n conocidas como propiedades css no est\u00e1ndar, son reglas de css o valores personalizados que podemos utilizar a nuestro antojo en la hoja de estilos css. Mediante estas variables podemos crear una propiedad con el nombre que elijamos y llamarla \u00a0tantas veces como sea necesario para que act\u00fae en nuestros selectores.<\/p>\n<div id=\"attachment_6214\" style=\"width: 616px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6214\" class=\"size-full wp-image-6214\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg\" alt=\"Variables nativas de css\" width=\"606\" height=\"406\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg 606w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css-300x201.jpg 300w\" sizes=\"auto, (max-width: 606px) 100vw, 606px\" \/><\/a><p id=\"caption-attachment-6214\" class=\"wp-caption-text\">Variables nativas de css<\/p><\/div>\n<p>Para crearlas simplemente utilizamos este c\u00f3digo:<\/p>\n<p><code>:root {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 --MiColor: #CCCCCC;<\/code><\/p>\n<p><code>}<\/code><\/p>\n<p>Y utilizarlas es tan sencillo como:<\/p>\n<p><code>body {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 background-color: var(--MiColor);<\/code><\/p>\n<p><code>}<\/code><\/p>\n<p>En el ejemplo, hemos almacenado un valor que hace referencia a un color. Podremos utilizar esta variable siempre y cuando la propiedad css que estemos creando admita un color como valor.<\/p>\n<p>Si ponemos algo como:<\/p>\n<p><code>body {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 Font-size: var(--MiColor);<\/code><\/p>\n<p><code>}<\/code><\/p>\n<p>No dar\u00e1 error, pero obviamente no funcionar\u00e1. Simplemente la regla no se aplica.<\/p>\n<p>Los que conozcan preprocesadores de css como SASS o LESS reconocer\u00e1n esta tecnolog\u00eda. Ya era posible almacenar valores en variables personalizadas, pero hacerlo con css plano nos da una ventaja sobre los preprocesadores y es que podemos ver los cambios en tiempo real.<\/p>\n<p>Por ejemplo, podremos combinar esta herramienta con JavaScript para que sea el propio usuario el que modifique el estilo de la web a su antojo. Pero esta es s\u00f3lo una de las ventajas que nos ofrecen las variables nativas de css. Tanto con css plano como con la ayuda de JavaScript podemos hacer cosas realmente \u00fatiles.<\/p>\n<h2>\u00bfQu\u00e9 aplicaciones tiene el uso de estas variables?<\/h2>\n<p>Imaginaos que estamos finalizando un proyecto web. Para este proyecto hemos seleccionado un color principal (#7AA4F8) y lo hemos utilizado en muchas partes de nuestra web (links, bakgrounds, cabeceras, t\u00edtulos\u2026). Una vez finalizado, el cliente nos pide que cambiemos este color, porque ya no le gusta. Aqu\u00ed sol\u00eda venir el drama. La \u00fanica soluci\u00f3n era abrir nuestra hoja de estilos y utilizar la funci\u00f3n \u201cBuscar y reemplazar\u201d en el editor de textos, con cuidado de no olvidar alguna de las reglas que quer\u00edamos sustituir.<\/p>\n<p>La ventaja principal de las variables nativas es ahorrarnos precisamente esta tarea. Si aplicamos una variable para el color principal de la p\u00e1gina (&#8211;MiColor: 7AA4F8) y luego la utilizamos a lo largo y ancho de nuestro proyecto, no sufriremos ante los posibles cambios que puedan presentarse. Modificando el valor de nuestra variable estaremos afectando a todas las dem\u00e1s.<\/p>\n<p>\u00bfNo es fant\u00e1stico?<\/p>\n<p>Pero esto no es todo. Imaginaos las ventajas de usar estas variables con el uso de media queries. Pues s\u00ed, esto es una realidad, ya que la declaraci\u00f3n de estas variables sigue la herencia en cascada de las propiedades est\u00e1ndar, por lo que podremos asignar distintos valores a nuestra variable y siempre mandar\u00e1 la \u00faltima regla decretada. Si por ejemplo asignamos \u00a0un tama\u00f1o de fuente para los t\u00edtulos h1, podemos modificar esta regla en las distintas resoluciones de pantalla para conseguir un dise\u00f1o responsive. Al mismo tiempo (en este ejemplo) modificaremos el tama\u00f1o de unos bloques.<\/p>\n<p>Ejemplo:<\/p>\n<p><code>:root {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 --h1Size: 32px;<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 --itemSize: 33%;<\/code><\/p>\n<p><code>}<\/code><\/p>\n<p>&nbsp;<\/p>\n<p><code>h1 {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 font-size: var(--h1Size);<\/code><\/p>\n<p><code>}<\/code><\/p>\n<p><code>.item {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 width: var(--itemSize)<\/code><\/p>\n<p><code>}<\/code><\/p>\n<p><code>@media screen and (max-width: 768px) {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 :root {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 --h1Size: 26px;<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 --itemSize: 50%;<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 }<\/code><\/p>\n<p><code>}<\/code><\/p>\n<p><code>@media screen and (max-width: 480px) {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 :root {<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 --h1Size: 18px;<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 --itemSize: 100%;<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 }<\/code><\/p>\n<p><code>}<\/code><\/p>\n<p>Como veis, gracias a la variables de css, podemos crear reglas responsive mucho m\u00e1s breves y sencillas. S\u00f3lo con el selector :root \u00a0estaremos aplicando cambios responsive a todas las l\u00edneas que utilicen nuestras variables, sin la necesidad de llamar una y otra vez a los mismos selectores, generando miles de l\u00edneas de c\u00f3digo innecesarias.<\/p>\n<h2>Compatibilidad con los navegadores.<\/h2>\n<p>Actualmente casi todos los navegadores soportan esta funci\u00f3n. (Firefox 43+, Safari 9.1+, iOS Safari 9.3+, Chrome 49+). El \u00fanico navegador importante que no admite el uso de variables nativas es Internet Explorer. Pero actualmente se est\u00e1 trabajando para implementarlas en el nuevo navegador de Microsoft Edge. Esperemos que con el tiempo se consolide esta tecnolog\u00eda, tambi\u00e9n a medida que los usuarios vayan abandonado Internet Explorer para utilizar Edge u otros navegadores modernos.<\/p>\n<h2>Para saber m\u00e1s:<\/h2>\n<p><a href=\"https:\/\/www.w3.org\/TR\/css-variables-1\/\">https:\/\/www.w3.org\/TR\/css-variables-1\/<\/a><\/p>\n<p><a href=\"http:\/\/librosweb.es\/tutorial\/como-usar-las-nuevas-variables-css\/\">http:\/\/librosweb.es\/tutorial\/como-usar-las-nuevas-variables-css\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Variables nativas de css Las variables nativas de css, tambi\u00e9n conocidas como propiedades css no est\u00e1ndar, son reglas de css o valores personalizados que podemos utilizar a nuestro antojo en la hoja de estilos css. Mediante estas variables podemos crear una propiedad con el nombre&#8230;<\/p>\n","protected":false},"author":26,"featured_media":6214,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7,5],"tags":[12,13,14,78],"class_list":["post-6209","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-programacion","tag-css","tag-css3","tag-diseno-web-2","tag-html5"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas? - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"Las variables nativas de css, son reglas css o valores personalizados que podemos utilizar a nuestro antojo en la hoja de estilos css.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas? - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"Las variables nativas de css, son reglas css o valores personalizados que podemos utilizar a nuestro antojo en la hoja de estilos css.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-24T10:48:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"606\" \/>\n\t<meta property=\"og:image:height\" content=\"406\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Paco Luque\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paco Luque\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/\"},\"author\":{\"name\":\"Paco Luque\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725\"},\"headline\":\"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas?\",\"datePublished\":\"2017-01-24T10:48:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/\"},\"wordCount\":663,\"commentCount\":2,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg\",\"keywords\":[\"CSS\",\"CSS3\",\"dise\u00f1o web\",\"HTML5\"],\"articleSection\":[\"Dise\u00f1o Web\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/\",\"name\":\"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas? - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg\",\"datePublished\":\"2017-01-24T10:48:02+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725\"},\"description\":\"Las variables nativas de css, son reglas css o valores personalizados que podemos utilizar a nuestro antojo en la hoja de estilos css.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg\",\"width\":606,\"height\":406,\"caption\":\"Variables nativas de css\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725\",\"name\":\"Paco Luque\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g\",\"caption\":\"Paco Luque\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/paco\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas? - Blog Escola Espai","description":"Las variables nativas de css, son reglas css o valores personalizados que podemos utilizar a nuestro antojo en la hoja de estilos css.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/","og_locale":"es_ES","og_type":"article","og_title":"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas? - Blog Escola Espai","og_description":"Las variables nativas de css, son reglas css o valores personalizados que podemos utilizar a nuestro antojo en la hoja de estilos css.","og_url":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/","og_site_name":"Blog Escola Espai","article_published_time":"2017-01-24T10:48:02+00:00","og_image":[{"width":606,"height":406,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg","type":"image\/jpeg"}],"author":"Paco Luque","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Paco Luque","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/"},"author":{"name":"Paco Luque","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725"},"headline":"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas?","datePublished":"2017-01-24T10:48:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/"},"wordCount":663,"commentCount":2,"image":{"@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg","keywords":["CSS","CSS3","dise\u00f1o web","HTML5"],"articleSection":["Dise\u00f1o Web","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/","url":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/","name":"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas? - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg","datePublished":"2017-01-24T10:48:02+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725"},"description":"Las variables nativas de css, son reglas css o valores personalizados que podemos utilizar a nuestro antojo en la hoja de estilos css.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg","width":606,"height":406,"caption":"Variables nativas de css"},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Variables nativas de css \u00bfqu\u00e9 son y por qu\u00e9 utilizarlas?"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725","name":"Paco Luque","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g","caption":"Paco Luque"},"url":"https:\/\/www.espai.es\/blog\/author\/paco\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/01\/Variables-nativas-css.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=6209"}],"version-history":[{"count":6,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6209\/revisions"}],"predecessor-version":[{"id":6216,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6209\/revisions\/6216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/6214"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=6209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=6209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=6209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}