{"id":55954,"date":"2017-04-20T09:36:51","date_gmt":"2017-04-20T09:36:51","guid":{"rendered":"https:\/\/codewebbarcelona.com\/propiedades-personalizadas-css-custom-properties\/"},"modified":"2026-06-10T13:01:20","modified_gmt":"2026-06-10T13:01:20","slug":"proprietes-personnalisees-css-custom-properties","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/","title":{"rendered":"Propri\u00e9t\u00e9s personnalis\u00e9es CSS ou Custom Properties"},"content":{"rendered":"<p>C\u2019est d\u00e9sormais une r\u00e9alit\u00e9. Nous pouvons enfin profiter des <strong>Propri\u00e9t\u00e9s Personnalis\u00e9es<\/strong> ou <strong>CSS Custom Properties<\/strong>\u00a0!<\/p>\n<p>Mais avant tout, commen\u00e7ons par un bon &lt;h2&gt;, suivi d\u2019un &lt;p&gt; pour r\u00e9sumer le sujet.<\/p>\n<h2>Les CSS Custom Properties ou Propri\u00e9t\u00e9s Personnalis\u00e9es<\/h2>\n<p>Ou comment faire de la magie dans une feuille de styles CSS.<\/p>\n<p>Les <strong>Propri\u00e9t\u00e9s Personnalis\u00e9es CSS<\/strong> repr\u00e9sentent un \u00ab\u00a0nouveau\u00a0\u00bb concept dans l\u2019utilisation des feuilles de style. Pour r\u00e9sumer, il s\u2019agit de <strong>variables accessibles directement dans le document CSS<\/strong>, et m\u00eame depuis Javascript, de fa\u00e7on <strong>NATIVE<\/strong>.<\/p>\n<p>Pourquoi ce \u00ab\u00a0nouveau\u00a0\u00bb entre guillemets\u00a0? Vous connaissez s\u00fbrement les pr\u00e9processeurs CSS. Ils ont longtemps \u00e9t\u00e9 incontournables, mais avec l\u2019arriv\u00e9e des Custom Properties et la prise en charge croissante par les navigateurs, ils sont vou\u00e9s \u00e0 dispara\u00eetre \u00e0 terme. En fin d\u2019article, vous trouverez un tableau de compatibilit\u00e9, mais sachez d\u00e9j\u00e0 que pr\u00e8s de 70\u00a0% des utilisateurs disposent d\u2019un navigateur compatible avec les Propri\u00e9t\u00e9s Personnalis\u00e9es.<\/p>\n<p>&nbsp;<\/p>\n<h2>CSS et Propri\u00e9t\u00e9s Personnalis\u00e9es<\/h2>\n<p>Pour bien comprendre l\u2019int\u00e9r\u00eat par rapport \u00e0 une feuille de styles classique, prenons un exemple <strong>sans Custom Properties<\/strong>, puis voyons comment le r\u00e9\u00e9crire <strong>en utilisant ces variables<\/strong>.<\/p>\n<p>Imaginons que nous voulons un body avec une couleur de fond sp\u00e9cifique, que nous r\u00e9utiliserons ensuite pour la couleur du texte d\u2019un bloc, et inversement, la couleur du texte du body deviendra la couleur de fond de ce bloc.<\/p>\n<p>Le bloc .capa1 aura un padding de 20px, valeur que nous utiliserons aussi pour le margin-top de .capa2.<\/p>\n<pre><code class=\"css\">\r\nbody{\r\n     background-color:#1b1b1b;\r\n     color:#fff;\r\n}\r\n.capa1{\r\n     padding:20px;\r\n     color:#1b1b1b;\r\n     background-color:#fff;\r\n}\r\n.capa2{\r\n     margin-top:20px;\r\n}\r\n\r\n<\/code><\/pre>\n<p>Reprenons le m\u00eame exemple, cette fois en utilisant les Propri\u00e9t\u00e9s Personnalis\u00e9es.<\/p>\n<pre><code class=\"css\">\r\n:root{\r\n     --color1:#1b1b1b;\r\n     --color2:#fff;\r\n     --mainSpacing:20px;\r\n}\r\nbody{\r\n     background-color:var(--color1);\r\n     color:var(--color2);\r\n}\r\n.capa1{\r\n     padding:var(--mainSpacing);\r\n     color:var(--color1);\r\n     background-color:var(--color2);\r\n}\r\n.capa2{\r\n     margin-top:var(--mainSpacing);\r\n}\r\n<\/code><\/pre>\n<p>Avec :root, on d\u00e9clare les variables, qui deviennent accessibles dans tout le document CSS. On utilise deux tirets &#8212; pour d\u00e9finir une variable et sa valeur. Pour les utiliser, il suffit d\u2019appeler var(&#8211;VARIABLE);.<\/p>\n<p>Imaginez maintenant l\u2019avantage sur une feuille de styles de plus de 1000 lignes\u00a0: il suffit de modifier une seule valeur pour qu\u2019elle soit r\u00e9percut\u00e9e partout dans le CSS.<\/p>\n<p>&nbsp;<\/p>\n<h2>Aller plus loin<\/h2>\n<p>Ou m\u00eame beaucoup plus loin. Car <strong>les CSS Custom Properties permettent de faire des calculs<\/strong>, d\u2019effectuer des op\u00e9rations <strong>conditionnelles<\/strong> et de d\u00e9finir des valeurs par d\u00e9faut si une variable n\u2019est pas d\u00e9finie. On dirait du Javascript, non\u00a0? Et pourtant, tout cela se fait directement dans la feuille CSS.<\/p>\n<p>On peut additionner, multiplier, comparer diff\u00e9rentes valeurs et appliquer l\u2019une ou l\u2019autre selon la condition.<\/p>\n<pre><code class=\"css\">\r\n.caja{\r\n     \/*Si la variable1 n\u2019est pas d\u00e9finie, 10px seront appliqu\u00e9s*\/\r\n     margin-top:var(--variable1, 10px);\r\n\r\n     \/*On peut aussi utiliser une variable comme valeur par d\u00e9faut*\/\r\n     padding-top:var(--variable1,var(--variable2));\r\n\r\n    \/*On peut additionner, soustraire, multiplier et diviser (*attention \u00e0 l\u2019espace pour l\u2019addition et la soustraction)*\/\r\n     padding-top:calc(var(--variable1) + 10px);\r\n     height:calc(var(--variable1) - 5px);\r\n     line-height:calc(var(--variable1) * 2);\r\n     width:calc((var(--variable1) - 5px)\/2);\r\n     \r\n}\r\n<\/code><\/pre>\n<p>Autres exemples\u00a0:<\/p>\n<pre><code class=\"css\">\r\n:root{\r\n     \/*On peut cr\u00e9er un texte \u00e0 ins\u00e9rer plus tard dans un :before*\/\r\n     --texto:\"Cliquez pour voir\";\r\n}\r\n.caja:before{\r\n     content:var(--text);\r\n}\r\n.caja2:before{\r\n     \/*On peut ajouter du texte apr\u00e8s la variable d\u00e9clar\u00e9e (par exemple, un lien vers un projet)*\/\r\n     content:var(--text)' notre projet complet';\r\n}\r\n.caja2:before{\r\n     \/*Ou l\u2019utiliser pour un lien vers une actualit\u00e9*\/\r\n     content:var(--text)' notre actualit\u00e9';\r\n}\r\n<\/code><\/pre>\n<p>Exemple conditionnel\u00a0:<\/p>\n<pre><code class=\"css\">\r\n:root{\r\n     \/*Accessible via Javascript*\/\r\n     --variableCond: if(x &gt; 5) this.width = 10;\r\n}\r\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n<h2>Compatibilit\u00e9 navigateur<\/h2>\n<p>Comme vous pouvez le voir, quasiment tous les navigateurs sont compatibles\u2026 <strong>Sauf Explorer\u00a0! Quelle surprise, je ne m\u2019y attendais pas\u00a0!<\/strong> C\u2019est l\u2019occasion de se rappeler <em><strong>ces merveilleuses ann\u00e9es<\/strong><\/em> o\u00f9 il fallait jongler avec Explorer 6.<\/p>\n<p>Heureusement, aujourd\u2019hui, <strong>moins de 4\u00a0% des utilisateurs sont encore sur Explorer<\/strong>. Rien de dramatique.<\/p>\n<p>Au total, <strong>70,9\u00a0% des internautes utilisent un navigateur compatible avec les Custom Properties<\/strong>. Un chiffre tr\u00e8s \u00e9lev\u00e9.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/custom-properties-bs1-1.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-659 size-full\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/custom-properties-bs1-1.jpg\" alt=\"propiedades personalizadas o custom properties\" width=\"999\" height=\"460\" \/><\/a><\/p>\n<p><a href=\"http:\/\/caniuse.com\/#feat=css-variables\" target=\"_blank\" rel=\"nofollow\">http:\/\/caniuse.com\/#feat=css-variables<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>C\u2019est d\u00e9sormais une r\u00e9alit\u00e9. Nous pouvons enfin profiter des Propri\u00e9t\u00e9s Personnalis\u00e9es ou CSS Custom Properties\u00a0! Mais avant tout, commen\u00e7ons par un bon &lt;h2&gt;, suivi d\u2019un &lt;p&gt; pour r\u00e9sumer le sujet. Les CSS Custom Properties ou Propri\u00e9t\u00e9s Personnalis\u00e9es Ou comment faire de la magie dans une feuille de styles CSS. Les Propri\u00e9t\u00e9s Personnalis\u00e9es CSS repr\u00e9sentent un [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4193,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[499,495],"class_list":["post-55954","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autres","category-conception-developpement-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo<\/title>\n<meta name=\"description\" content=\"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo\" \/>\n<meta property=\"og:description\" content=\"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-20T09:36:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T13:01:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"689\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Propri\u00e9t\u00e9s personnalis\u00e9es CSS ou Custom Properties\",\"datePublished\":\"2017-04-20T09:36:51+00:00\",\"dateModified\":\"2026-06-10T13:01:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/\"},\"wordCount\":529,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"articleSection\":[\"Autres\",\"Conception et d\u00e9veloppement web\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/\",\"name\":\"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"datePublished\":\"2017-04-20T09:36:51+00:00\",\"dateModified\":\"2026-06-10T13:01:20+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/proprietes-personnalisees-css-custom-properties\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"width\":2560,\"height\":689},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo","description":"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.","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:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/","og_locale":"fr_FR","og_type":"article","og_title":"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo","og_description":"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.","og_url":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/","og_site_name":"CODE","article_published_time":"2017-04-20T09:36:51+00:00","article_modified_time":"2026-06-10T13:01:20+00:00","og_image":[{"width":2560,"height":689,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Propri\u00e9t\u00e9s personnalis\u00e9es CSS ou Custom Properties","datePublished":"2017-04-20T09:36:51+00:00","dateModified":"2026-06-10T13:01:20+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/"},"wordCount":529,"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","articleSection":["Autres","Conception et d\u00e9veloppement web"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/","url":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/","name":"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","datePublished":"2017-04-20T09:36:51+00:00","dateModified":"2026-06-10T13:01:20+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/codewebbarcelona.com\/fr\/proprietes-personnalisees-css-custom-properties\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","width":2560,"height":689},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/fr\/#website","url":"https:\/\/codewebbarcelona.com\/fr\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/55954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/comments?post=55954"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/55954\/revisions"}],"predecessor-version":[{"id":55959,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/55954\/revisions\/55959"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media\/4193"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media?parent=55954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/categories?post=55954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}