{"id":1889,"date":"2012-04-08T14:33:12","date_gmt":"2012-04-08T12:33:12","guid":{"rendered":"http:\/\/www.nyamsprod.com\/blog\/?p=1889"},"modified":"2012-04-08T14:33:12","modified_gmt":"2012-04-08T12:33:12","slug":"bref-le-css-remix","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/bref-le-css-remix\/","title":{"rendered":"Bref, le CSS remix"},"content":{"rendered":"<div class=\"message warning\">\n<p><strong>Attention:<\/strong> Les informations de ce billet sont susceptibles d'&ecirc;tre obsol&egrave;tes car vieux de plus 2 ans.<\/p>\n<p><strong>Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div><p>Une petite animation via CSS3 amusante que j&#8217;ai r\u00e9alis\u00e9 en moins de 2 heures et que je publie dans mon bac \u00e0 sable . Le plus fun ne se trouve bien sur pas dans le fichier HTML, mais plut\u00f4t dans le fichier CSS qui g\u00e8re toute l&#8217;animation.<br \/>\nPour la petite histoire, les 2 script JavaScripts incluents n&#8217;affectent pas directement l&#8217;animation mais facilitent son d\u00e9ploiement.<\/p>\n<p>j&#8217;utilise :<\/p>\n<ul>\n<li>l&#8217;excellent script <a title=\"Break free from CSS prefix hell!\" href=\"http:\/\/leaverou.github.com\/prefixfree\/\" target=\"_blank\">prefixfree<\/a> de Lea Verou pour ne pas avoir \u00e0 \u00e9crire tous les versions pr\u00e9fix\u00e9es des propri\u00e9t\u00e9s CSS non-stable;<\/li>\n<li>une version &#8220;custom&#8221; de <a title=\"Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.\" href=\"http:\/\/modernizr.com\/download\/\" target=\"_blank\">modernizr<\/a> qui d\u00e9tecte le support des animations CSS du navigateur afin de contourner un bug dans l&#8217;implantation sous Firefox.<\/li>\n<\/ul>\n<p>Bref, c&#8217;est par ici pour <a title=\"Un d\u00e9mo r\u00e9alis\u00e9e uniquement avec du CSS3\" href=\"http:\/\/www.nyamsprod.com\/test\/bref\/\" target=\"_blank\">voir la d\u00e9mo finale<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les gifs anim\u00e9s sont mort vives le CSS3 <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"aside","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[712,713,140,256],"class_list":["post-1889","post","type-post","status-publish","format-aside","hentry","category-web","tag-animations","tag-bref","tag-css3","tag-html5","post_format-post-format-aside"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/comments?post=1889"}],"version-history":[{"count":5,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1889\/revisions"}],"predecessor-version":[{"id":1899,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1889\/revisions\/1899"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=1889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=1889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=1889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}