{"id":654,"date":"2012-02-15T19:47:08","date_gmt":"2012-02-15T18:47:08","guid":{"rendered":"http:\/\/blog.fabianpiau.com\/?p=654"},"modified":"2022-01-01T15:57:35","modified_gmt":"2022-01-01T15:57:35","slug":"give-your-application-a-facelift-css","status":"publish","type":"post","link":"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/","title":{"rendered":"Offrez un petit coup de jeune \u00e0 votre application &#8211; CSS"},"content":{"rendered":"<p><a class=\"lang\" href=\"https:\/\/blog.fabianpiau.com\/en\/2012\/02\/15\/give-your-application-a-facelift-css\/\" title=\"Read in english\"><strong class=\"labellang\"><span class=\"en\">&nbsp;<\/span>English version available<\/strong><\/a><\/p>\n<p>M\u00eame exempte de bogue, une application dont l&rsquo;ergonomie n&rsquo;a pas \u00e9t\u00e9 bien pens\u00e9e sera surement un frein pour l&rsquo;utilisateur. Il est donc important de prendre un peu de temps pour am\u00e9liorer le design et l&rsquo;ergonomie d&rsquo;une application. M\u00eame si un client ne le sp\u00e9cifie pas directement dans le cahier des charges, il sera toujours plus plaisant pour lui d&rsquo;utiliser une application \u00ab\u00a0user-friendly\u00a0\u00bb. L&rsquo;identit\u00e9 visuelle n&rsquo;est pas en reste et ne doit pas \u00eatre n\u00e9glig\u00e9e. Elle est m\u00eame primordiale dans certains secteurs o\u00f9 la concurrence est forte comme la vente en ligne ou la publicit\u00e9.<\/p>\n<p>Cet article va vous montrer qu&rsquo;il est possible d&rsquo;am\u00e9liorer le design g\u00e9n\u00e9ral d&rsquo;une application \u00e0 moindre co\u00fbt. En quelques minutes, vous allez voir comment apporter une petite touche en plus \u00e0 vos formulaires.<\/p>\n<p>Ainsi, vous passerez de ce style d&rsquo;\u00e9cran :<\/p>\n<p style=\"text-align: center;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"Formulaire avant\" src=\"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/post\/00039\/form-before.png?resize=460%2C165&#038;ssl=1\" alt=\"Formulaire avant\" width=\"460\" height=\"165\" \/><\/p>\n<p>\u00e0 celui-ci :<\/p>\n<p style=\"text-align: center;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"Formulaire apr\u00e8s\" src=\"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/post\/00039\/form-after.png?resize=460%2C165&#038;ssl=1\" alt=\"Formulaire apr\u00e8s\" width=\"460\" height=\"165\" \/><\/p>\n<p>Attention, seules les versions r\u00e9centes des navigateurs prendront en compte efficacement ces am\u00e9liorations (Firefox 4, Internet Explorer 9 par exemple). Ceci s&rsquo;explique par l&rsquo;utilisation de propri\u00e9t\u00e9s avanc\u00e9es CSS3 (box-shadow, border-radius, text-shadow notamment). Sur des navigateurs plus anciens, vous obtiendrez un comportement d\u00e9grad\u00e9 pour ces propri\u00e9t\u00e9s. Les bords arrondis deviennent carr\u00e9s, les ombres n&rsquo;apparaissent pas&#8230; N\u00e9anmoins, le rendu final sera souvent plus joli que l&rsquo;original. Je vous invite \u00e0 consulter ce site <a href=\"https:\/\/caniuse.com\/\" target=\"_blank\" title=\"Can I use?\" rel=\"noopener noreferrer\">https:\/\/caniuse.com\/<\/a> pour acc\u00e9der aux tables de compatibilit\u00e9 CSS3\/HTML5 des navigateurs. <\/p>\n<p>Voici le rendu d&rsquo;origine sous IE6 :<\/p>\n<p style=\"text-align: center;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"Formulaire avant sous IE6\" src=\"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/post\/00039\/form-ie6-before.png?resize=460%2C165&#038;ssl=1\" alt=\"Formulaire avant sous IE6\" width=\"460\" height=\"165\" \/><\/p>\n<p>Et le comportement d\u00e9grad\u00e9 obtenu :<\/p>\n<p style=\"text-align: center;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"Formulaire apr\u00e8s sous IE6\" src=\"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/post\/00039\/form-ie6-after.png?resize=460%2C165&#038;ssl=1\" alt=\"Formulaire apr\u00e8s sous IE6\" width=\"460\" height=\"165\" \/><\/p>\n<p>Quelle est l&rsquo;astuce pour r\u00e9aliser ce \u00ab\u00a0lifting\u00a0\u00bb ? Il suffit de vous rendre sur ce site : <a href=\"https:\/\/cssbuttongenerator.com\/\" target=\"_blank\" title=\"G\u00e9n\u00e9rateur boutons CSS\" rel=\"noopener noreferrer\">https:\/\/cssbuttongenerator.com\/<\/a> qui vous permettra de cr\u00e9er des boutons personnalis\u00e9s avec vos propres param\u00e8tres : taille, couleur, ombre, texte, effet d&rsquo;enfoncement, de focus, etc. et de g\u00e9n\u00e9rer le code CSS associ\u00e9 (aucune image n&rsquo;est n\u00e9cessaire). Une fois la portion de code int\u00e9gr\u00e9 \u00e0 votre feuille de style, il vous suffira d&rsquo;utiliser vos nouvelles classes sur les \u00e9l\u00e9ments classiques d&rsquo;un formulaire (input de type button, text, textarea, etc.).<\/p>","protected":false},"excerpt":{"rendered":"<p>&nbsp;English version available M\u00eame exempte de bogue, une application dont l&rsquo;ergonomie n&rsquo;a pas \u00e9t\u00e9 bien pens\u00e9e sera surement un frein pour l&rsquo;utilisateur. Il est donc important de prendre un peu de temps pour am\u00e9liorer le design et l&rsquo;ergonomie d&rsquo;une application. M\u00eame si un client ne le sp\u00e9cifie pas directement dans le cahier des charges, il [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3945,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[144,142,143],"class_list":["post-654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-agile-programming","tag-user-friendly","tag-css","tag-user-friendliness"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Offrez un petit coup de jeune \u00e0 votre application - CSS | CarmaBlog<\/title>\n<meta name=\"description\" content=\"&nbsp;English version available M\u00eame exempte de bogue, une application dont l&#039;ergonomie n&#039;a pas \u00e9t\u00e9 bien pens\u00e9e sera surement un frein pour l&#039;utilisateur.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Offrez un petit coup de jeune \u00e0 votre application - CSS | CarmaBlog\" \/>\n<meta property=\"og:description\" content=\"&nbsp;English version available M\u00eame exempte de bogue, une application dont l&#039;ergonomie n&#039;a pas \u00e9t\u00e9 bien pens\u00e9e sera surement un frein pour l&#039;utilisateur.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/\" \/>\n<meta property=\"og:site_name\" content=\"CarmaBlog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/fabian.piau\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fabian.piau\" \/>\n<meta property=\"article:published_time\" content=\"2012-02-15T18:47:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-01T15:57:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.fabianpiau.com\/wp-content\/uploads\/2012\/02\/refresh-thumbnail.png\" \/>\n\t<meta property=\"og:image:width\" content=\"256\" \/>\n\t<meta property=\"og:image:height\" content=\"256\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fabian Piau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fabianpiau\" \/>\n<meta name=\"twitter:site\" content=\"@fabianpiau\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fabian Piau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/\"},\"author\":{\"name\":\"Fabian Piau\",\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/#\\\/schema\\\/person\\\/c5cbffd7cf0b10117877f5dfd1b35f14\"},\"headline\":\"Offrez un petit coup de jeune \u00e0 votre application &#8211; CSS\",\"datePublished\":\"2012-02-15T18:47:08+00:00\",\"dateModified\":\"2022-01-01T15:57:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/\"},\"wordCount\":676,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/#\\\/schema\\\/person\\\/c5cbffd7cf0b10117877f5dfd1b35f14\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/blog.fabianpiau.com\\\/wp-content\\\/uploads\\\/2012\\\/02\\\/refresh-thumbnail.png?fit=256%2C256&ssl=1\",\"keywords\":[\"convivial\",\"css\",\"ergonomie\"],\"articleSection\":[\"Programmation agile\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/blog.fabianpiau.com\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/\",\"url\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/\",\"name\":\"Offrez un petit coup de jeune \u00e0 votre application - CSS | CarmaBlog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/blog.fabianpiau.com\\\/wp-content\\\/uploads\\\/2012\\\/02\\\/refresh-thumbnail.png?fit=256%2C256&ssl=1\",\"datePublished\":\"2012-02-15T18:47:08+00:00\",\"dateModified\":\"2022-01-01T15:57:35+00:00\",\"description\":\"&nbsp;English version available M\u00eame exempte de bogue, une application dont l'ergonomie n'a pas \u00e9t\u00e9 bien pens\u00e9e sera surement un frein pour l'utilisateur.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/\"]]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/blog.fabianpiau.com\\\/wp-content\\\/uploads\\\/2012\\\/02\\\/refresh-thumbnail.png?fit=256%2C256&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/blog.fabianpiau.com\\\/wp-content\\\/uploads\\\/2012\\\/02\\\/refresh-thumbnail.png?fit=256%2C256&ssl=1\",\"width\":256,\"height\":256,\"caption\":\"Refresh your application\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/2012\\\/02\\\/15\\\/give-your-application-a-facelift-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Homepage\",\"item\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programmation agile\",\"item\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/category\\\/agile-programming\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Offrez un petit coup de jeune \u00e0 votre application &#8211; CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/\",\"name\":\"CarmaBlog\",\"description\":\"Agilit\u00e9, D\u00e9veloppement Java, Nouvelles technologies et plus...\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/#\\\/schema\\\/person\\\/c5cbffd7cf0b10117877f5dfd1b35f14\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/blog.fabianpiau.com\\\/fr\\\/#\\\/schema\\\/person\\\/c5cbffd7cf0b10117877f5dfd1b35f14\",\"name\":\"Fabian Piau\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/blog.fabianpiau.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/fabian-pro-small.jpg?fit=567%2C667&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/blog.fabianpiau.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/fabian-pro-small.jpg?fit=567%2C667&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/blog.fabianpiau.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/fabian-pro-small.jpg?fit=567%2C667&ssl=1\",\"width\":567,\"height\":667,\"caption\":\"Fabian Piau\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/blog.fabianpiau.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/fabian-pro-small.jpg?fit=567%2C667&ssl=1\"},\"description\":\"D\u00e9veloppeur Java, Fabian s'int\u00e9resse aux nouvelles technologies et plus particuli\u00e8rement \u00e0 leur utilisation dans un contexte agile.\",\"sameAs\":[\"https:\\\/\\\/blog.fabianpiau.com\",\"https:\\\/\\\/www.facebook.com\\\/fabian.piau\",\"https:\\\/\\\/www.instagram.com\\\/fabianpiau\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/fabianpiau\\\/\",\"https:\\\/\\\/x.com\\\/fabianpiau\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Offrez un petit coup de jeune \u00e0 votre application - CSS | CarmaBlog","description":"&nbsp;English version available M\u00eame exempte de bogue, une application dont l'ergonomie n'a pas \u00e9t\u00e9 bien pens\u00e9e sera surement un frein pour l'utilisateur.","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:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/","og_locale":"fr_FR","og_type":"article","og_title":"Offrez un petit coup de jeune \u00e0 votre application - CSS | CarmaBlog","og_description":"&nbsp;English version available M\u00eame exempte de bogue, une application dont l'ergonomie n'a pas \u00e9t\u00e9 bien pens\u00e9e sera surement un frein pour l'utilisateur.","og_url":"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/","og_site_name":"CarmaBlog","article_publisher":"https:\/\/www.facebook.com\/fabian.piau","article_author":"https:\/\/www.facebook.com\/fabian.piau","article_published_time":"2012-02-15T18:47:08+00:00","article_modified_time":"2022-01-01T15:57:35+00:00","og_image":[{"width":256,"height":256,"url":"https:\/\/blog.fabianpiau.com\/wp-content\/uploads\/2012\/02\/refresh-thumbnail.png","type":"image\/png"}],"author":"Fabian Piau","twitter_card":"summary_large_image","twitter_creator":"@fabianpiau","twitter_site":"@fabianpiau","twitter_misc":{"\u00c9crit par":"Fabian Piau","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.fabianpiau.com\/2012\/02\/15\/give-your-application-a-facelift-css\/#article","isPartOf":{"@id":"https:\/\/blog.fabianpiau.com\/2012\/02\/15\/give-your-application-a-facelift-css\/"},"author":{"name":"Fabian Piau","@id":"https:\/\/blog.fabianpiau.com\/#\/schema\/person\/c5cbffd7cf0b10117877f5dfd1b35f14"},"headline":"Offrez un petit coup de jeune \u00e0 votre application &#8211; CSS","datePublished":"2012-02-15T18:47:08+00:00","dateModified":"2022-01-01T15:57:35+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.fabianpiau.com\/2012\/02\/15\/give-your-application-a-facelift-css\/"},"wordCount":676,"commentCount":0,"publisher":{"@id":"https:\/\/blog.fabianpiau.com\/#\/schema\/person\/c5cbffd7cf0b10117877f5dfd1b35f14"},"image":{"@id":"https:\/\/blog.fabianpiau.com\/2012\/02\/15\/give-your-application-a-facelift-css\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/2012\/02\/refresh-thumbnail.png?fit=256%2C256&ssl=1","keywords":["convivial","css","ergonomie"],"articleSection":["Programmation agile"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blog.fabianpiau.com\/2012\/02\/15\/give-your-application-a-facelift-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/","url":"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/","name":"Offrez un petit coup de jeune \u00e0 votre application - CSS | CarmaBlog","isPartOf":{"@id":"https:\/\/blog.fabianpiau.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/#primaryimage"},"image":{"@id":"https:\/\/blog.fabianpiau.com\/2012\/02\/15\/give-your-application-a-facelift-css\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/2012\/02\/refresh-thumbnail.png?fit=256%2C256&ssl=1","datePublished":"2012-02-15T18:47:08+00:00","dateModified":"2022-01-01T15:57:35+00:00","description":"&nbsp;English version available M\u00eame exempte de bogue, une application dont l'ergonomie n'a pas \u00e9t\u00e9 bien pens\u00e9e sera surement un frein pour l'utilisateur.","breadcrumb":{"@id":"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/"]]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/#primaryimage","url":"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/2012\/02\/refresh-thumbnail.png?fit=256%2C256&ssl=1","contentUrl":"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/2012\/02\/refresh-thumbnail.png?fit=256%2C256&ssl=1","width":256,"height":256,"caption":"Refresh your application"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.fabianpiau.com\/fr\/2012\/02\/15\/give-your-application-a-facelift-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Homepage","item":"https:\/\/blog.fabianpiau.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Programmation agile","item":"https:\/\/blog.fabianpiau.com\/fr\/category\/agile-programming\/"},{"@type":"ListItem","position":3,"name":"Offrez un petit coup de jeune \u00e0 votre application &#8211; CSS"}]},{"@type":"WebSite","@id":"https:\/\/blog.fabianpiau.com\/fr\/#website","url":"https:\/\/blog.fabianpiau.com\/fr\/","name":"CarmaBlog","description":"Agilit\u00e9, D\u00e9veloppement Java, Nouvelles technologies et plus...","publisher":{"@id":"https:\/\/blog.fabianpiau.com\/fr\/#\/schema\/person\/c5cbffd7cf0b10117877f5dfd1b35f14"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.fabianpiau.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/blog.fabianpiau.com\/fr\/#\/schema\/person\/c5cbffd7cf0b10117877f5dfd1b35f14","name":"Fabian Piau","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/2022\/08\/fabian-pro-small.jpg?fit=567%2C667&ssl=1","url":"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/2022\/08\/fabian-pro-small.jpg?fit=567%2C667&ssl=1","contentUrl":"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/2022\/08\/fabian-pro-small.jpg?fit=567%2C667&ssl=1","width":567,"height":667,"caption":"Fabian Piau"},"logo":{"@id":"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/2022\/08\/fabian-pro-small.jpg?fit=567%2C667&ssl=1"},"description":"D\u00e9veloppeur Java, Fabian s'int\u00e9resse aux nouvelles technologies et plus particuli\u00e8rement \u00e0 leur utilisation dans un contexte agile.","sameAs":["https:\/\/blog.fabianpiau.com","https:\/\/www.facebook.com\/fabian.piau","https:\/\/www.instagram.com\/fabianpiau\/","https:\/\/www.linkedin.com\/in\/fabianpiau\/","https:\/\/x.com\/fabianpiau"]}]}},"views":3479,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.fabianpiau.com\/wp-content\/uploads\/2012\/02\/refresh-thumbnail.png?fit=256%2C256&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pbSHyl-ay","_links":{"self":[{"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/posts\/654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/comments?post=654"}],"version-history":[{"count":0,"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/posts\/654\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/media\/3945"}],"wp:attachment":[{"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/media?parent=654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/categories?post=654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.fabianpiau.com\/fr\/wp-json\/wp\/v2\/tags?post=654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}