{"id":352,"date":"2010-07-30T18:55:35","date_gmt":"2010-07-30T16:55:35","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=352"},"modified":"2015-01-18T17:40:03","modified_gmt":"2015-01-18T16:40:03","slug":"alternative-css3-pour-ie","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/veille-technologique\/alternative-css3-pour-ie","title":{"rendered":"Alternative CSS3 pour IE"},"content":{"rendered":"<p>CSS3 est un tel changement pour la construction de page Web et de designs ergonomiques que son apport sur les navigateurs modernes ne cessent d&rsquo;\u00eatre retranscrit en JavaScript sur les (le ?) navigateurs plus anciens.<br \/>\nLa solution que je vous pr\u00e9sente aujourd&rsquo;hui se nomme <!--more--><a href=\"http:\/\/css3pie.com\/\" target=\"_blank\" title=\"Solution CSS3 alternative pour IE (nouvelle fen\u00eatre)\" lang=\"en\" hreflang=\"en\">CSS3pie<\/a> &#8211; alternative pour IE donc &#8211; qui, test\u00e9e sur un site en production, puis sur quelques pages perso, semble \u00eatre plut\u00f4t performant.<\/p>\n<p>Performant est peut-\u00eatre un gros mot ici, en effet il s&rsquo;agit pour cette m\u00e9thode de passer par un <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/ms531018%28VS.85%29.aspx\">fichier&nbsp;.htc<\/a> qui est ex\u00e9cut\u00e9 \u00e0 chaque fois que l&rsquo;on fait un appel au fichier, \u00e0 savoir donc, \u00e0 chaque \u00e9l\u00e9ment styl\u00e9 gr\u00e2ce \u00e0 CSS3 et que l&rsquo;on souhaite voir apparaitre sous IE.<\/p>\n<h2>Les plus<\/h2>\n<ul>\n<li>Profitez un maximum des possibilit\u00e9s offertes par CSS3 sans vous soucier d&rsquo;Internet Explorer&#8230; enfin presque, il s&rsquo;agira bien souvent de rajouter deux lignes de codes comme sur cet exemple :\n<pre class=\"code\"><code class=\"css\">element {\r\n   -pie-background: linear-gradient(#ffffff, #000000);\r\n   behavior: url(js\/PIE.htc);\r\n}<\/code><\/pre>\n<p>Dans certain cas comme les <code>border-radius<\/code> la ligne <code>behavior<\/code> suffira.<br \/>\nPour plus d&rsquo;informations \u00e0 ce sujet je vous invite \u00e0 visiter le site officiel sur cette page :<br \/>\n<a href=\"http:\/\/css3pie.com\/documentation\/\" hreflang=\"en\" target=\"_blank\" title=\"D\u00e9couvrir les fonctionnalit\u00e9s avanc\u00e9es de CSS3pire (en anglais - nouvelle fen\u00eatre)\">Fonctionnalit\u00e9 et usage de CSS3pie<\/a><\/li>\n<li>Cette alternative est fonctionnelle pour IE6 \u00e0 IE8, donc pas de souci pour les tr\u00e8s tr\u00e8s vieux !<\/li>\n<li>Un excellent support puisqu&rsquo;il y a de nombreuses mises \u00e0 jour, un suivi sur Twitter, un forum et un blog.<\/li>\n<\/ul>\n<h2>Les moins<\/h2>\n<ul>\n<li>La nature m\u00eame de cette solution (.htc) qui est, \u00e0 ma connaissance, un programme JavaScript ex\u00e9cut\u00e9 \u00e0 chaque occurrence de l&rsquo;appel du fichier.<\/li>\n<li>Certains bogues rencontr\u00e9s lors de l&rsquo;utilisation de la biblioth\u00e8que jQuery en production (sous IE), des affichages qui partent en cacahu\u00e8tes, des \u00e9l\u00e9ments qui disparaissent. Mais ces soucis semblent s&rsquo;estomper au fil des mises \u00e0 jour.<\/li>\n<\/ul>\n<p>Une solution \u00e0 tester donc. Pour ma part, malgr\u00e9 quelques r\u00e9ticences au d\u00e9but je pense que cela peut \u00eatre une excellente solution pour simplifier bien des d\u00e9marches d&rsquo;int\u00e9grations&#8230;<\/p>\n<h2>Bonux<\/h2>\n<p>La petite source bien pratique pour v\u00e9rifier ce qui marche sur votre navigateur :<br \/>\n<a href=\"http:\/\/www.impressivewebs.com\/css3-click-chart\/\" hreflang=\"en\" title=\"Tester les prises en charge des CSS3 par votre navigateur (en anglais - nouvelle fen\u00eatre)\">Tester la prise en charge des CSS3 par votre navigateur<\/a><br \/>\nMerci \u00e0 <a href=\"http:\/\/www.simon-k.com\/\" target=\"_blank\" title=\"Concepteur Web freelance - Simon Kern (nouvelle fen\u00eatre)\">Simon<\/a> pour l&rsquo;info !<\/p>\n<p>Un tr\u00e8s bon article de <a href=\"http:\/\/www.goetter.fr\/\" title=\"Le site personnel de Rapha\u00ebl Goetter (nouvelle fen\u00eatre)\" target=\"_blank\">Rapha\u00ebl<\/a> au sujet de ces alternatives sur Alsacr\u00e9ations :<br \/>\n<a href=\"http:\/\/www.alsacreations.com\/astuce\/lire\/1076-utiliser-css3-aujourdhui-outils-ressources.html\" target=\"_blank\" title=\"Utiliser CSS3 aujourd'hui, outils et ressources - Article par Rapha\u00ebl Goetter (nouvelle fen\u00eatre)\">Utiliser CSS3 aujourd&rsquo;hui, outils et ressources<\/a><\/p>\n<p>Bonne application !<\/p>\n<div class=\"sources\">\n<h2>Liens utiles<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.alsacreations.com\/tuto\/lire\/1300-css3pie-styles-css3-pour-internet-explorer.html\">Article plus r\u00e9cent (mai 2012) de Jojaba sur Alsacr\u00e9ations<\/a><\/li>\n<li><a href=\"http:\/\/css3pie.com\/\" target=\"_blank\" title=\"Solution CSS3 alternative pour IE (nouvelle fen\u00eatre)\" lang=\"en\" hreflang=\"en\">CSS3pie<\/a><\/li>\n<li><a href=\"http:\/\/css3pie.com\/documentation\/\" hreflang=\"en\" target=\"_blank\" title=\"D\u00e9couvrir les fonctionnalit\u00e9s avanc\u00e9es de CSS3pire (en anglais - nouvelle fen\u00eatre)\">Fonctionnalit\u00e9 et usage de CSS3pie<\/a><\/li>\n<li><a href=\"http:\/\/www.impressivewebs.com\/css3-click-chart\/\" hreflang=\"en\" title=\"Tester les prises en charge des CSS3 par votre navigateur (en anglais - nouvelle fen\u00eatre)\">Tester la prise en charge des CSS3 par votre navigateur<\/a><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CSS3 est un tel changement pour la construction de page Web et de designs ergonomiques que son apport sur les navigateurs modernes ne cessent d&rsquo;\u00eatre retranscrit en JavaScript sur les (le ?) navigateurs plus anciens. La solution que je vous pr\u00e9sente aujourd&rsquo;hui se nomme<\/p>\n","protected":false},"author":4,"featured_media":355,"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":[17,50,12],"tags":[66,428,126,124,123,125],"coauthors":[597],"class_list":["post-352","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-css3","category-ressources-telechargements","category-veille-technologique","tag-alternative","tag-css3","tag-css3pie","tag-explorer","tag-ie","tag-javascript"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/352","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=352"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/352\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/355"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=352"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}