{"id":126,"date":"2006-08-21T14:03:43","date_gmt":"2006-08-21T12:03:43","guid":{"rendered":"http:\/\/www.gatellier.be\/blog\/?p=126"},"modified":"2009-04-29T11:52:49","modified_gmt":"2009-04-29T09:52:49","slug":"creer-des-icones-pour-applications-ajax","status":"publish","type":"post","link":"https:\/\/gatellier.be\/blog\/creer-des-icones-pour-applications-ajax\/","title":{"rendered":"Cr\u00e9er des ic\u00f4nes \u201cchargement en cours\u201d pour ses applications Ajax"},"content":{"rendered":"<p style=\"text-align:center;\"><a title=\"Cr\u00e9er des ic\u00f4nes 'chargement en cours' pour ses applications Ajax\" href=\"\/\/ajaxload.info\/\"><img decoding=\"async\" border=\"0\" title=\"Logo AjaxLoad\" alt=\"Logo AjaxLoad\" src=\"\/blog\/wp-content\/photos\/ajaxload_logo.png\" \/><\/a><\/p>\n<p>Dans la s\u00e9rie, internet peut m&#8217;aider \u00e0 cr\u00e9er des images (<a title=\"Cr\u00e9er son logo Web2.0 en ligne\" href=\"\/blog\/creer-son-logo-web20-en-ligne\/\">logo<\/a> ou <a title=\"Cr\u00e9er ses boutons en ligne: Buttonator\" href=\"\/blog\/creer-ses-boutons-en-ligne-buttonator\/\">bouton<\/a>) en ligne, voici <a href=\"\/\/ajaxload.info\/\"><strong>le service de cr\u00e9ation d&#8217;ic\u00f4nes &#8220;loading&#8221;<\/strong><\/a>, qui sont souvent utilis\u00e9es pour les applications Ajax pour montrer aux utilisateurs que &#8220;quelque chose se passe&#8221; apr\u00e8s une interaction du visiteur.<\/p>\n<h3>Quelques exemples d&#8217;ic\u00f4nes via ajaxload :<\/h3>\n<ul>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/001278857fac36c0910eead0da271f6a.gif\" \/><\/li>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/473af2f5bfe4bded1024942a7cdf4263.gif\" \/><\/li>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/5676d98435f4eeb150c2a2da358c06a4.gif\" \/><\/li>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/87c179be5457372f979c9f46986d158f.gif\" \/><\/li>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/8929bbb792e1e1b18ec1260cfa14d093.gif\" \/><\/li>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/9177bf3982d597594009d66e8a98e259.gif\" \/><\/li>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/ab2f9eb8f55c00f385012ba89c538b98.gif\" \/><\/li>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/bb053a58bb7820c6fbd7450bc76b2857.gif\" \/><\/li>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/d0a4c6f1a4c593e0fc9232bdfd41390a.gif\" \/><\/li>\n<li><img decoding=\"async\" alt=\"exemple d'ic\u00f4ne ajaxload\" src=\"\/blog\/wp-images\/icons-loading\/da034eb5dee9cb5fb1dd44a29d5b274e.gif\" \/><\/li>\n<\/ul>\n<h3>Verdict :<\/h3>\n<p>Ce qui est bien, c&#8217;est la possibilit\u00e9 de changer <strong>le type d&#8217;ic\u00f4ne<\/strong>, les <strong>couleurs d&#8217;avant et d&#8217;arri\u00e8re plan<\/strong> de l&#8217;image, et mettre la <strong>couleur de fond transparente<\/strong> (attention avec ceci, il s&#8217;agit d&#8217;une transparence gif couleur index).<\/p>\n<p>Quel gain de temps&nbsp;!<\/p>\n<p>J&#8217;esp\u00e8re quand m\u00eame qu&#8217;on ne va pas trop abuser de ces ic\u00f4nes parce que \u00e7a risquerait de finir comme les &#8220;skip intro&#8221; des film flash d&#8217;il y a quelques temps.<\/p>\n<p>Bizarrement, chez moi, le service ne marche pas sur Firefox.<\/p>\n<h4>Liens relatifs :<\/h4>\n<ul>\n<li><a href=\"\/\/ajaxload.info\/\"><strong>ajaxload.info<\/strong><\/a> : le site pour cr\u00e9er des ic\u00f4nes &#8220;chargement en cours&#8221; pour ses applications Ajax.<\/li>\n<li><a title=\"Cr\u00e9er son logo Web2.0 en ligne\" href=\"\/blog\/creer-son-logo-web20-en-ligne\/\">Cr\u00e9er son logo Web2.0 en ligne<\/a><\/li>\n<li><a title=\"Cr\u00e9er ses boutons en ligne: Buttonator\" href=\"\/blog\/creer-ses-boutons-en-ligne-buttonator\/\">Cr\u00e9er ses boutons en ligne: Buttonator<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Dans la s\u00e9rie, internet peut m&#8217;aider \u00e0 cr\u00e9er des images (logo ou bouton) en ligne, voici le service de cr\u00e9ation d&#8217;ic\u00f4nes &#8220;loading&#8221;, qui sont souvent utilis\u00e9es pour les applications Ajax pour montrer aux utilisateurs que &#8220;quelque chose se passe&#8221; apr\u00e8s une interaction du visiteur. Quelques exemples d&#8217;ic\u00f4nes via ajaxload : Verdict : Ce qui est [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,28,61,12,15],"tags":[],"class_list":["post-126","post","type-post","status-publish","format-standard","hentry","category-ajax","category-browsing","category-productivite","category-utilitaire","category-web20"],"_links":{"self":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":0,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/126\/revisions"}],"wp:attachment":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/media?parent=126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/categories?post=126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/tags?post=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}