{"id":3996,"date":"2014-04-17T22:58:43","date_gmt":"2014-04-17T20:58:43","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=3996"},"modified":"2014-04-17T23:02:20","modified_gmt":"2014-04-17T21:02:20","slug":"litmus-service-test-e-mails","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/litmus-service-test-e-mails","title":{"rendered":"Litmus &#8211; Un service pour tester vos e-mails"},"content":{"rendered":"<p>Je parle ici de tester les e-mails que vous concevez en HTML et CSS (si on peut encore appeler \u00e7a du CSS), vous savez ce monde cruel o\u00f9 la mise en page tableau est reine et o\u00f9 les moteur de rendu r\u00e9gressent&nbsp;? Dans ce fabuleux monde, le <a href=\"http:\/\/litmus.com\/\">service Litmus<\/a> vous propose un outil de test bien pratique.<!--more--><\/p>\n<p>Cet article ne propose pas uniquement une br\u00e8ve pr\u00e9sentation du service, <a href=\"#a-la-fin\">\u00e0 la fin<\/a> vous trouverez un lien vers l&rsquo;une des newsletter de Litmus, celles qu&rsquo;ils envoient \u00e0 leurs abonn\u00e9s. Un m\u00e9lange de <code>@font-face<\/code> et d&rsquo;animation CSS plut\u00f4t r\u00e9ussi.<\/p>\n<h2>Le service Litmus<\/h2>\n<p>Le <a href=\"http:\/\/litmus.com\/\">service Litmus<\/a> vous propose de pr\u00e9visualiser le rendu de votre mail complet dans pas mal de clients mail, webmails ou terminaux, dont voici la liste :<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/mobile-iphone.png\" alt=\"\" width=\"300\" height=\"644\" class=\"noborder alignright size-full wp-image-3998\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/mobile-iphone.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/mobile-iphone-279x600.png 279w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<ul>\n<li>AOL Mail<\/li>\n<li>Apple Mail 5<\/li>\n<li>Apple Mail 6<\/li>\n<li>Gmail<\/li>\n<li>Lotus Notes 8.5<\/li>\n<li>Lotus Notes 8<\/li>\n<li>Lotus Notes 7<\/li>\n<li>Lotus Notes 6.5<\/li>\n<li>Thunderbird<\/li>\n<li>Outlook 2013<\/li>\n<li>Outlook 2011 for Mac<\/li>\n<li>Outlook 2010<\/li>\n<li>Outlook 2007<\/li>\n<li>Outlook 2003<\/li>\n<li>Outlook 2002\/XP<\/li>\n<li>Outlook 2000<\/li>\n<li>Outlook.com<\/li>\n<li>Yahoo! Mail<\/li>\n<li>Android 2.3 &amp; 4.0<\/li>\n<li>Gmail (Android)<\/li>\n<li>Outlook (Android)<\/li>\n<li>iPhone 5s  iOS 7<\/li>\n<li>iPhone 5  iOS 6<\/li>\n<li>iPad (retina)  iOS 7<\/li>\n<li>iPad Mini  iOS 7<\/li>\n<li>BlackBerry Text &amp; HTML<\/li>\n<li>Outlook.com (iPhone)<\/li>\n<li>Symbian S60<\/li>\n<li>Windows Phone 8<\/li>\n<\/ul>\n<p>Lorsque vous envoyez votre test sur le service Litmus, celui-ci vous propose un tableau de miniatures ainsi qu&rsquo;un outil d&rsquo;analyse des rendus et une possibilit\u00e9 de valider ou invalider chacune des vues. Une fois votre premier test effectu\u00e9 vous pouvez envoyer plusieurs nouvelles versions de l&rsquo;e-mail pour d\u00e9boguer petit \u00e0 petit.<\/p>\n<p class=\"center\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/litmus-preview.jpg\" alt=\"Une preview du tableau de bord Litmus\" width=\"521\" height=\"379\" class=\"aligncenter size-full wp-image-3997\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/litmus-preview.jpg 521w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/litmus-preview-300x218.jpg 300w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/><\/p>\n<p>Il propose \u00e9galement un syst\u00e8me de Interactive Testing, ou de d\u00e9bogue en direct : vous \u00e9ditez votre code en live dans un panneau, et vous actualisez son rendu manuellement. De quoi faire gagner pas mal de temps.<\/p>\n<p class=\"center\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/litmus-live-testing.jpg\" alt=\"\" width=\"704\" height=\"358\" class=\"aligncenter size-full wp-image-3999\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/litmus-live-testing.jpg 704w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/litmus-live-testing-300x152.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/04\/litmus-live-testing-600x305.jpg 600w\" sizes=\"(max-width: 704px) 100vw, 704px\" \/><\/p>\n<p>Ce service est payant au mois ou l&rsquo;ann\u00e9e, mais il est rentabilis\u00e9 d\u00e8s votre premi\u00e8re mission !<\/p>\n<p><a href=\"http:\/\/litmus.com\/\">D\u00e9couvrir Litmus<\/a><\/p>\n<h2>Un exemple de newsletter moderne, par Litmus<\/h2>\n<p>J&rsquo;ai trouv\u00e9 cette newsletter dans ma bo\u00eete mail \u00e0 l&rsquo;instant, j&rsquo;ai trouv\u00e9 cela plut\u00f4t int\u00e9ressant en terme technique, mais je n&rsquo;ai pas encore test\u00e9 le r\u00e9sultat sur des webmails ou clients mails arri\u00e9r\u00e9s.<br \/>\nCette newsletter propose des animations CSS3 avec <code>@keyframes<\/code>, ainsi que des fontes exotiques gr\u00e2ce \u00e0 <code>@font-face<\/code> et m\u00eame une vid\u00e9o int\u00e9gr\u00e9e en HTML5.<br \/>\nJe vous laisse regarder la version en ligne par vous-m\u00eames, n&rsquo;oubliez pas d&rsquo;ouvrir le code source.<\/p>\n<p class=\"center\"><a href=\"http:\/\/pages.litmus.com\/webmail\/31032\/17553091\/f70c3a0ac85e0e1df04f72dfa3516471\" class=\"demonstration\">Newsletter anim\u00e9e de Litmus<\/a><\/p>\n<p>Pour les curieux, voici le code CSS trouv\u00e9 dans l&rsquo;en-t\u00eate du mail de Litmus :<\/p>\n<pre class=\"code\"><code class=\"css boc-nocontrols boc-nogutter\">\/* OBLIGATORY EMAIL STYLES SO I DON'T GO CRAZY *\/\r\n    #outlook a{padding:0;}\r\n    .ReadMsgBody{width:100%;} .ExternalClass{width:100%;}                \r\n    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}\r\n    body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}\r\n    table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;}\r\n    img{-ms-interpolation-mode:bicubic;}\r\n    body{margin:0; padding:0;}\r\n    img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}\r\n    table{border-collapse:collapse !important;}\r\n    body{height:100% !important; margin:0; padding:0; width:100% !important;background-color:#f9fafa;}\r\n\r\n    \/* BYE BYE BLUE LINKS + ORPHAN STYLE *\/\r\n    .appleFooter a {color:#999999 !important; text-decoration: none !important;}\r\n    .appleLink a {color:#ffffff !important; text-decoration: none !important;}\r\n    .padding-top {padding-top: 95px !important;}\r\n\r\n    \/* WEB FONTS, CHYOU KNOWWW *\/\r\n    @media screen {\r\n        @font-face {\r\n            font-family: 'proxima_nova_rgregular';\r\n            src: url('https:\/\/litmus.com\/fonts\/Emails\/proximanova-regular-webfont.eot');\r\n            src: url('http:\/\/pages.litmus.com\/e\/31032\/ova-regular-webfont-eot--iefix\/2j3jl\/17553091') format('embedded-opentype'),\r\n                 url('https:\/\/litmus.com\/fonts\/Emails\/proximanova-regular-webfont.woff') format('woff'),\r\n                 url('https:\/\/litmus.com\/fonts\/Emails\/proximanova-regular-webfont.ttf') format('truetype'),\r\n                 url('http:\/\/pages.litmus.com\/e\/31032\/ont-svg-proxima-nova-rgregular\/2j3jn\/17553091') format('svg');\r\n            font-weight: normal;\r\n            font-style: normal;\r\n        }\r\n        @font-face {\r\n            font-family: 'proxima_nova_rgbold';\r\n            src: url('https:\/\/litmus.com\/fonts\/Emails\/proximanova-bold-webfont.eot');\r\n            src: url('http:\/\/pages.litmus.com\/e\/31032\/manova-bold-webfont-eot--iefix\/2j3jq\/17553091') format('embedded-opentype'),\r\n                 url('https:\/\/litmus.com\/fonts\/Emails\/proximanova-bold-webfont.woff') format('woff'),\r\n                 url('https:\/\/litmus.com\/fonts\/Emails\/proximanova-bold-webfont.ttf') format('truetype'),\r\n                 url('http:\/\/pages.litmus.com\/e\/31032\/ebfont-svg-proxima-nova-rgbold\/2j3js\/17553091') format('svg');\r\n            font-weight: normal;\r\n            font-style: normal;\r\n        }\r\n        \r\n        @font-face {\r\n            font-family: 'adelle_rgregular';\r\n            src: url('https:\/\/litmus.com\/fonts\/Emails\/adelle_reg-webfont.eot');\r\n            src: url('http:\/\/pages.litmus.com\/e\/31032\/-adelle-reg-webfont-eot--iefix\/2j3jv\/17553091') format('embedded-opentype'),\r\n                 url('https:\/\/litmus.com\/fonts\/Emails\/adelle_reg-webfont.woff') format('woff'),\r\n                 url('https:\/\/litmus.com\/fonts\/Emails\/adelle_reg-webfont.ttf') format('truetype'),\r\n                 url('http:\/\/pages.litmus.com\/e\/31032\/g-webfont-svg-adelle-rgregular\/2j3jx\/17553091') format('svg');\r\n            font-weight: normal;\r\n            font-style: normal;\r\n        }\r\n    }\r\n\r\n    \/* DAT ANIMATION DOE *\/\r\n    .fadeInDown {\r\n        animation-name: fadeInDown;\r\n        -webkit-animation-name: fadeInDown;\r\n        animation-duration: 1.2s;\r\n        -webkit-animation-duration: 1.2s;\r\n    }\r\n    @keyframes fadeInDown {\r\n        0% {opacity: 0;transform: translateY(-30px);}\r\n        40% {opacity: 0;transform: translateY(-30px);}\r\n        100% {opacity: 1;transform: translateY(0);}\r\n    }\r\n    @-webkit-keyframes fadeInDown {\r\n        0% {opacity: 0;-webkit-transform: translateY(-30px);}\r\n        40% {opacity: 0;-webkit-transform: translateY(-30px);}\r\n        100% {opacity: 1;-webkit-transform: translateY(0);}\r\n    }\r\n    .fadeInDown2 {\r\n        animation-name: fadeInDown2;\r\n        -webkit-animation-name: fadeInDown2;\r\n        animation-duration: 1.6s;\r\n        -webkit-animation-duration: 1.6s;\r\n    }\r\n    @keyframes fadeInDown2 {\r\n        0% {opacity: 0;transform: translateY(-30px);}\r\n        50% {opacity: 0;transform: translateY(-30px);}\r\n        100% {opacity: 1;transform: translateY(0);}\r\n    }\r\n    @-webkit-keyframes fadeInDown2 {\r\n        0% {opacity: 0;-webkit-transform: translateY(-30px);}\r\n        50% {opacity: 0;-webkit-transform: translateY(-30px);}\r\n        100% {opacity: 1;-webkit-transform: translateY(0);}\r\n    }\r\n    .fadeInDown3 {\r\n        animation-name: fadeInDown3;\r\n        -webkit-animation-name: fadeInDown3;\r\n        animation-duration: 2s;\r\n        -webkit-animation-duration: 2s;\r\n    }\r\n    @keyframes fadeInDown3 {\r\n        0% {opacity: 0;transform: translateY(-30px);}\r\n        60% {opacity: 0;transform: translateY(-30px);}\r\n        100% {opacity: 1;transform: translateY(0);}\r\n    }\r\n    @-webkit-keyframes fadeInDown3 {\r\n        0% {opacity: 0;-webkit-transform: translateY(-30px);}\r\n        60% {opacity: 0;-webkit-transform: translateY(-30px);}\r\n        100% {opacity: 1;-webkit-transform: translateY(0);}\r\n    }\r\n    .fadeInDown4 {\r\n        animation-name: fadeInDown4;\r\n        -webkit-animation-name: fadeInDown4;\r\n        animation-duration: 2.4s;\r\n        -webkit-animation-duration: 2.4s;\r\n    }\r\n    @keyframes fadeInDown4 {\r\n        0% {opacity: 0;transform: translateY(-30px);}\r\n        66% {opacity: 0;transform: translateY(-30px);}\r\n        100% {opacity: 1;transform: translateY(0);}\r\n    }\r\n    @-webkit-keyframes fadeInDown4 {\r\n        0% {opacity: 0;-webkit-transform: translateY(-30px);}\r\n        66% {opacity: 0;-webkit-transform: translateY(-30px);}\r\n        100% {opacity: 1;-webkit-transform: translateY(0);}\r\n    }\r\n    @-webkit-keyframes rotateIn {\r\n        0% {\r\n            -webkit-transform-origin: center center;\r\n            transform-origin: center center;\r\n            -webkit-transform: rotate(-360deg);\r\n            transform: rotate(-360deg);\r\n        }\r\n        100% {\r\n            -webkit-transform-origin: center center;\r\n            transform-origin: center center;\r\n            -webkit-transform: rotate(0);\r\n            transform: rotate(0);\r\n        }\r\n    }\r\n    @keyframes rotateIn {\r\n        0% {\r\n            -webkit-transform-origin: center center;\r\n            -ms-transform-origin: center center;\r\n            transform-origin: center center;\r\n            -webkit-transform: rotate(-360deg);\r\n            transform: rotate(-360deg);\r\n        }\r\n        100% {\r\n            -webkit-transform-origin: center center;\r\n            -ms-transform-origin: center center;\r\n            transform-origin: center center;\r\n            -webkit-transform: rotate(0);\r\n            -ms-transform: rotate(0);\r\n            transform: rotate(0);\r\n        }\r\n    }\r\n    .rotateIn {\r\n        -webkit-animation: rotateIn 14s linear infinite;\r\n        animation: rotateIn 14s linear infinite;\r\n    }\r\n\r\n    \/* INTERACTION *\/\r\n    .cta:hover {background: #ffffff url(http:\/\/pages.litmus.com\/l\/31032\/2014-04-17\/2hs7k\/31032\/17342\/twitter_bg2.png) no-repeat !important;color: #444444 !important;}\r\n    .video-hover:hover {opacity:0.8 !important;}\r\n    \r\n    \/* MEDIA QUERY SCREEN 600px *\/\r\n    @media screen and (max-width: 600px), screen and (max-device-width: 600px) {\r\n        table[class=\"responsive-table\"]{width:100%!important;}\r\n        td[class=\"block-padding\"]{padding: 10px 5% 10px 5% !important;text-align: left;}\r\n        td[class=\"block-padding-center2\"]{padding: 10px 5% 20px 5% !important;text-align: center;}\r\n        td[class=\"mobile-width\"]{padding: 0 9% !important;}\r\n        td[class=\"section-padding\"]{padding: 40px 15px !important;}\r\n        td[class=\"no-padding\"]{padding: 0px !important;}\r\n        img[class=\"video-hover\"]{width: 100% !important;height: auto !important;}\r\n        td[class=\"padding-top\"]{padding-top: 40px !important;}\r\n        td[class=\"padding-cta-top\"]{padding-top:25px !important;}\r\n        td[class=\"day-padding\"]{padding-top:8px !important;}\r\n        img[class=\"rotateIn\"]{width: 110px !important;height: auto !important;}\r\n        br[class=\"mobile-hide\"]{display: none !important;}\r\n    }\r\n\r\n    \/* MEDIA QUERY SCREEN 480px *\/\r\n    @media screen and (max-width: 480px), screen and (max-device-width: 480px) {\r\n        td[class=\"details-header\"]{font-size: 16px !important; line-height: 20px !important;}\r\n        td[class=\"date1\"]{padding-top:20px !important;}\r\n        td[class=\"date2\"]{padding-top:23px !important;font-size: 16px !important; line-height: 20px !important;}\r\n        img[class=\"tedc-logo\"]{width: 175px !important;height:auto !important;padding-top:15px !important;}\r\n        img[class=\"rotateIn\"]{width: 65px !important;height: auto !important;}\r\n        a[class=\"cta\"]{font-size: 16px !important;}\r\n        td[class=\"padding-top\"]{padding-top: 25px !important;}\r\n    }\r\n\r\n    \/* MEDIA QUERY SCREEN 350px *\/\r\n    @media screen and (max-width: 350px), screen and (max-device-width: 350px) {\r\n        td[class=\"mobile-width\"]{padding: 0 3% !important;}\r\n    }\r\n\r\n    \/* FIREFOX MEDIA QUERY *\/\r\n    @-moz-document url-prefix() {\r\n        div[class=\"gmail-hide\"]{display: block !important;max-height: none !important;overflow: visible !important;}\r\n        div[class=\"line1\"]{display: block;border-top: 1px solid #d3d3d3;width: 30%;float: left;margin-top: 15px;}\r\n        div[class=\"format\"]{width: 40%; display: block; float: left;}\r\n        div[class=\"line2\"]{display: block;border-top: 1px solid #d3d3d3;width: 17%;float: left;margin-top: 15px;}\r\n        div[class=\"last-year\"]{display: block; width: 66%; float: left;}\r\n        div[class=\"video-wrap\"]{height: 690px;position: relative;overflow: hidden;padding:0;margin:0;}\r\n        div[class=\"overlay\"]{height: 100%;position: relative;min-height: 100%;margin: 0 auto;padding: 0 20px;z-index:3;}\r\n    }\r\n\r\n    \/* WEBKIT, CHROME, SAFARI MEDIA QUERY *\/\r\n    @media screen and (-webkit-min-device-pixel-ratio: 0) {\r\n        div[class=\"line1\"]{display: block;border-top: 1px solid #d3d3d3;width: 25%;float: left;margin-top: 15px;}\r\n        div[class=\"format\"]{width: 50%; display: block; float: left;}\r\n        div[class=\"line2\"]{display: block;border-top: 1px solid #d3d3d3;width: 17%;float: left;margin-top: 15px;}\r\n        div[class=\"last-year\"]{display: block; width: 66%; float: left;}\r\n        div[class=\"video-wrap\"]{height: 100%;height: 750px;position: relative;overflow: hidden;padding:0;margin:0;}\r\n        video[class=\"video\"]{min-height: 100%; min-width: 100%;position: absolute;top: 0p;left: 0;z-index: 2;display:inline-block !important;}\r\n        div[class=\"overlay\"]{height: 100%;position: relative;min-height: 100%;margin: 0 auto;padding: 0 20px;z-index:3;}\r\n        td[class=\"no-padding\"]{padding: 0 !important;}\r\n        td[class=\"title\"]{display: block !important; padding-top: 35px;}\r\n        td[class=\"webkit-hide\"]{display: none !important;}\r\n    }\r\n\r\n    \/* WEBKIT, CHROME, SAFARI MEDIA QUERY @ 600px *\/\r\n    @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 600px) {\r\n        div[class=\"video-wrap\"]{height: 570px !important;}\r\n        a[class=\"cta\"]{background: #ffffff url(http:\/\/pages.litmus.com\/l\/31032\/2014-04-17\/2hs7k\/31032\/17342\/twitter_bg2.png) no-repeat !important;color: #444444 !important;}\r\n        div[class=\"line1\"]{display:none;}\r\n        div[class=\"line2\"]{display: none;}\r\n        div[class=\"last-year\"]{width: 100%; font-size: 21px}\r\n        div[class=\"format\"]{width: 100%; font-size: 21px}\r\n    }\r\n    \r\n    \/* WEBKIT, CHROME, SAFARI MEDIA QUERY @ 480px*\/\r\n    @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 480px) {\r\n        div[class=\"video-wrap\"]{height: 440px !important;}\r\n        video[class=\"video\"]{top:-75px;left:-200px;}\r\n        td[class=\"title\"]{padding-top: 15px;}\r\n        td[class=\"title-padding\"]{padding-top:10px !important;}\r\n    }\r\n\r\n    \/* iPAD MEDIA QUERY *\/\r\n    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {\r\n        video[class=\"video\"]{display: none !important;z-index:-1;}\r\n    }\r\n\r\n    \/* iPAD 1 & 2, iPAD MINI MEDIA QUERY *\/\r\n    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {\r\n        video[class=\"video\"]{display: none !important;z-index:-1;}\r\n    }\r\n\r\n    \/* RETINA iPAD MEDIA QUERY *\/\r\n    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {\r\n        video[class=\"video\"]{display: none !important;z-index:-1;}\r\n    }\r\n\r\n    \/* iPHONE 5 MEDIA QUERY *\/\r\n    @media screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 1){\r\n        video[class=\"video\"]{display: none !important;z-index:-1;}\r\n    }\r\n\r\n    \/* iPHONE 5S MEDIA QUERY *\/\r\n    @media screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2){\r\n        video[class=\"video\"]{display: none !important;z-index:-1;}\r\n    }\r\n\r\n    \/* iPHONE 2G\/3G\/3GS MEDIA QUERY *\/\r\n    @media screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1){\r\n        video[class=\"video\"]{display: none !important;z-index:-1;}\r\n    }\r\n\r\n    \/* iPHONE 4\/4S MEDIA QUERY *\/\r\n    @media screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){\r\n        video[class=\"video\"]{display: none !important;z-index:-1;}\r\n    }<\/code><\/pre>\n<p>Bon mailing !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Je parle ici de tester les e-mails que vous concevez en HTML et CSS (si on peut encore appeler \u00e7a du CSS), vous savez ce monde cruel o\u00f9 la mise en page tableau est reine et o\u00f9 les moteur de rendu r\u00e9gressent&nbsp;? Dans ce fabuleux monde, le service Litmus vous propose un outil de test [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":4000,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[50],"tags":[120,428,237,584],"coauthors":[],"class_list":["post-3996","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-animation","tag-css3","tag-email","tag-litmus"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=3996"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3996\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/4000"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=3996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=3996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=3996"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=3996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}