{"id":3,"date":"2008-09-04T12:25:46","date_gmt":"2008-09-04T12:25:46","guid":{"rendered":"http:\/\/www.mindworkshop.info\/?p=3"},"modified":"2009-06-23T13:10:54","modified_gmt":"2009-06-23T18:10:54","slug":"animation-favicons","status":"publish","type":"post","link":"https:\/\/blog.mindworkshop.com\/?p=3","title":{"rendered":"Animated favicons"},"content":{"rendered":"<p>If you visit the <a href=\"http:\/\/www.mindworkshop.com\/alchemy\/gifcon.html\">GIF Construction Set Professional web page<\/a> at  with Firefox, you might notice that the favicon is an animation, rather than a static Windows icon.<\/p>\n<p><!--more--><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.mindworkshop.com\/image\/gcspro001.gif\" width=\"100\" height=\"100\" align=\"right\" border=\"0\" alt=\"\" \/><\/p>\n<p>A little-known feature of Firefox will allow your pages to display 16 by 16 pixel animations as icons. You can still have your pages display traditional still icons if they\u2019re viewed by other browsers, such as Windows Explorer.<\/p>\n<p>An animated favicon must by a GIF file having screen dimensions of 16 by 16 pixels. We created the one used at the GIF Construction Set Professional page using GIF Construction Set itself, and the 3D Effects #1 plugin.<\/p>\n<p>Make sure you have Patch 14 of the 3D Effects #1 plugin set or better &#8211; this update allows for animations having minimum dimension settings of sixteen pixels.<\/p>\n<p>Once you\u2019ve created a suitable animation, upload it to your web server as you would a favicon.ico file. You can name it anything you like.<\/p>\n<p>You\u2019ll need to add the following to the &lt;head&gt; section of each web page that is to display an animated icon:<\/p>\n<p>&lt;link rel=\u201dicon\u201d href=\u201dfavicon.gif\u201d type=\u201dimage\/gif\u201d&gt;<\/p>\n<p>This assumes that your animated icons file is named favicon.gif.<\/p>\n<p><!--wpads#blog--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add animated favicons to your web page &#8211; they&#8217;re certain to catch the attention of passers-by in cyberspace, at least until everyone else finds this post and figures out how to do it too.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,3,4,6,5,8],"tags":[125,10,126,127,130,9],"class_list":["post-3","post","type-post","status-publish","format-standard","hentry","category-3d-effects","category-animation","category-gif","category-gif-construction-set","category-html","category-plugin","tag-animation","tag-favicon","tag-gif","tag-html","tag-plugin","tag-web"],"_links":{"self":[{"href":"https:\/\/blog.mindworkshop.com\/index.php?rest_route=\/wp\/v2\/posts\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mindworkshop.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mindworkshop.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mindworkshop.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mindworkshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3"}],"version-history":[{"count":0,"href":"https:\/\/blog.mindworkshop.com\/index.php?rest_route=\/wp\/v2\/posts\/3\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mindworkshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mindworkshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mindworkshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}