<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>
<channel>
	<title>Maverick Web Creations &#187; Internet Explorer</title>
	<atom:link href="http://www.maverickwebcreations.com/tag/internet-explorer/feed" rel="self" type="application/rss+xml" />
	<link>http://www.maverickwebcreations.com</link>
	<description></description>
	<lastBuildDate>Fri, 03 Feb 2012 05:37:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Internet Explorer 8 for Web Developers</title>
		<link>http://www.maverickwebcreations.com/2009/04/29/internet-explorer-8-for-web-developers.html</link>
		<comments>http://www.maverickwebcreations.com/2009/04/29/internet-explorer-8-for-web-developers.html#comments</comments>
		<pubDate>Wed, 29 Apr 2009 01:59:25 +0000</pubDate>
		<dc:creator>admin_mwc</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Internet Explorer 7]]></category>
		<category><![CDATA[Internet Explorer 8]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Windows Update]]></category>
		<guid isPermaLink="false">http://www.maverickwebcreations.com/?p=621</guid>
		<description><![CDATA[<p>I just discovered that Microsoft&#8217;s Internet Explorer 8 has been added to Windows Update. I received an alert to install it this morning. I hope the launch of version 8 means the death of version 6. Usually, most people only use the latest 2 versions of Internet Explorer. When Internet &#8230; <a href="http://www.maverickwebcreations.com/2009/04/29/internet-explorer-8-for-web-developers.html" class="read_more">Read more...</a></p>]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Windows Internet Explorer 8" src="http://i.msdn.microsoft.com/Cc288325.new8(en-us,VS.85).gif" alt="Internet Explorer 8 for Web Developers" width="240" height="92" />I just discovered that Microsoft&#8217;s Internet Explorer 8 has been added to Windows Update. I received an alert to install it this morning. I hope the launch of version 8 means the death of version 6. Usually, most people only use the latest 2 versions of Internet Explorer. When Internet Explorer 7 was released, most Internet Explorers moved on to version 6 and 7 after a while, making version 5 redundant.</p>
<p>Although I have not used Internet Explorer 8, I hope it does not create more bugs for web developers like me. I was hesistant to install Internet Explorer 8 because I want to keep Internet Explorer 7 for testing purposes. I could keep Internet Explorer 7 on another PC and upgrade to Internet Explorer 8 on my main development PC. The cool thing about Internet Explorer 8 is the <a href="http://www.microsoft.com/windows/internet-explorer/readiness/developers-new.aspx#versioning">versioning</a> feature that allows developers to emulate a previous version of Internet Explorer within Internet Explorer 8.</p>
<p>Microsoft has planned for the inevitable viewing problems their new software will create. Here&#8217;s a list of related web pages that might help you debug all the Internet Explorer 8 problems.</p>
<ul>
<li><a href="http://www.microsoft.com/windows/internet-explorer/readiness/developers-new.aspx#versioning">Internet Explorer 8 Versioning</a></li>
<li><a href="http://support.microsoft.com/kb/956197/">Some Web sites may not be displayed correctly or work correctly in Windows Internet Explorer 8</a></li>
<li><a href="http://msdn.microsoft.com/en-us/ie/cc405106.aspx">Internet Explorer 8 Compatibility</a></li>
<li><a href="http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx">Internet Explorer 8: Defining Document Compatibility</a></li>
</ul>
<p><strong>Related Articles by Zemanta</strong></p>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://lifehacker.com/5174369/internet-explorer-8-officially-releases-at-noon-edt">Internet Explorer 8 Officially Releases at Noon EDT [Internet Explorer]</a> (lifehacker.com)</li>
<li class="zemanta-article-ul-li"><a href="http://www.sitepoint.com/blogs/2009/04/14/ie8-automatic-update/"> IE8 Automatic Update Starting Soon </a> (sitepoint.com)</li>
<li class="zemanta-article-ul-li"><a href="http://technologizer.com/2009/03/18/internet-explorer-8-arriving-on-thursday/">Internet Explorer 8 Arriving on Thursday</a> (technologizer.com)</li>
<li class="zemanta-article-ul-li"><a href="http://blog.wired.com/business/2009/03/internet-explor.html">Microsoft Bids to Reclaim the Web with Internet Explorer 8</a> (wired.com)</li>
</ul>
<div class="zemanta-pixie"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/362af79b-a227-4b6d-a515-7a61be2d370f/"><img class="zemanta-pixie-img" src="http://img.zemanta.com/reblog_b.png?x-id=362af79b-a227-4b6d-a515-7a61be2d370f" alt="Internet Explorer 8 for Web Developers"  title="Internet Explorer 8 for Web Developers" /></a><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
]]></content:encoded>
			<wfw:commentRss>http://www.maverickwebcreations.com/2009/04/29/internet-explorer-8-for-web-developers.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Power of Transparent PNG Logos</title>
		<link>http://www.maverickwebcreations.com/2008/10/27/the-power-of-transparent-png-logos.html</link>
		<comments>http://www.maverickwebcreations.com/2008/10/27/the-power-of-transparent-png-logos.html#comments</comments>
		<pubDate>Mon, 27 Oct 2008 03:23:27 +0000</pubDate>
		<dc:creator>admin_mwc</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[Internet Explorer 7]]></category>
		<category><![CDATA[Mozilla Firefox]]></category>
		<category><![CDATA[Portable Network Graphics]]></category>
		<guid isPermaLink="false">http://www.maverickwebcreations.com/?p=289</guid>
		<description><![CDATA[<p>PNG logos are great for backgrounds with more than 1 colour or if your logo is displayed on different backgrounds. They blend in perfectly no matter what you put it over. Here&#8217;s an example of transparent PNG logos in action on my web site <a href="http://www.oasisfanatic.com">Oasis Fanatic</a>.</p>
<p>Notice how my &#8230; <a href="http://www.maverickwebcreations.com/2008/10/27/the-power-of-transparent-png-logos.html" class="read_more">Read more...</a></p>]]></description>
			<content:encoded><![CDATA[<p>PNG logos are great for backgrounds with more than 1 colour or if your logo is displayed on different backgrounds. They blend in perfectly no matter what you put it over. Here&#8217;s an example of transparent PNG logos in action on my web site <a href="http://www.oasisfanatic.com">Oasis Fanatic</a>.</p>
<div class="ngg-galleryoverview" id="ngg-gallery-9-289">
	<!-- Thumbnails -->
	<div id="ngg-image-45" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maverickwebcreations.com/wp-content/gallery/png-logo/2008-10-27_110235.png" title=" " class="thickbox" rel="set_9" >
								<img title="2008-10-27_110235.png" alt="The Power of Transparent PNG Logos" src="http://www.maverickwebcreations.com/wp-content/gallery/png-logo/thumbs/thumbs_2008-10-27_110235.png" width="180" height="150" />
							</a>
		</div>
	</div>
	<div id="ngg-image-46" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maverickwebcreations.com/wp-content/gallery/png-logo/2008-10-27_110251.png" title=" " class="thickbox" rel="set_9" >
								<img title="2008-10-27_110251.png" alt="The Power of Transparent PNG Logos" src="http://www.maverickwebcreations.com/wp-content/gallery/png-logo/thumbs/thumbs_2008-10-27_110251.png" width="180" height="150" />
							</a>
		</div>
	</div>
	<div id="ngg-image-47" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maverickwebcreations.com/wp-content/gallery/png-logo/2008-10-27_110309.png" title=" " class="thickbox" rel="set_9" >
								<img title="2008-10-27_110309.png" alt="The Power of Transparent PNG Logos" src="http://www.maverickwebcreations.com/wp-content/gallery/png-logo/thumbs/thumbs_2008-10-27_110309.png" width="180" height="150" />
							</a>
		</div>
	</div>
	<div id="ngg-image-48" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maverickwebcreations.com/wp-content/gallery/png-logo/2008-10-27_110358.png" title=" " class="thickbox" rel="set_9" >
								<img title="2008-10-27_110358.png" alt="The Power of Transparent PNG Logos" src="http://www.maverickwebcreations.com/wp-content/gallery/png-logo/thumbs/thumbs_2008-10-27_110358.png" width="180" height="150" />
							</a>
		</div>
	</div>
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
</div>
<p>Notice how my logo blends in with all the different backgrounds. Before I used this PNG logo technique, I had to create a JPG background image with my logo included in it for all the different sections of my site. Now, I have a PNG logo graphic image over a multiple background images without a logo integrated into it. This saves me a little bit of disk space even though the PNG logo file size is slightly bigger.</p>
<p><strong>Won&#8217;t GIF Transparent Logos Work?</strong></p>
<div class="ngg-galleryoverview" id="ngg-gallery-10-289">
	<!-- Thumbnails -->
	<div id="ngg-image-49" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maverickwebcreations.com/wp-content/gallery/png-logo-2/2008-10-22_151302.png" title=" " class="thickbox" rel="set_10" >
								<img title="2008-10-22_151302.png" alt="The Power of Transparent PNG Logos" src="http://www.maverickwebcreations.com/wp-content/gallery/png-logo-2/thumbs/thumbs_2008-10-22_151302.png" width="180" height="150" />
							</a>
		</div>
	</div>
	<div id="ngg-image-51" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maverickwebcreations.com/wp-content/gallery/png-logo-2/2008-10-22_151619.png" title=" " class="thickbox" rel="set_10" >
								<img title="2008-10-22_151619.png" alt="The Power of Transparent PNG Logos" src="http://www.maverickwebcreations.com/wp-content/gallery/png-logo-2/thumbs/thumbs_2008-10-22_151619.png" width="180" height="150" />
							</a>
		</div>
	</div>
	<div id="ngg-image-50" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maverickwebcreations.com/wp-content/gallery/png-logo-2/2008-10-22_151522.png" title=" " class="thickbox" rel="set_10" >
								<img title="2008-10-22_151522.png" alt="The Power of Transparent PNG Logos" src="http://www.maverickwebcreations.com/wp-content/gallery/png-logo-2/thumbs/thumbs_2008-10-22_151522.png" width="180" height="150" />
							</a>
		</div>
	</div>
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
</div>
<p>JPG and GIF logos just don&#8217;t look great if you&#8217;re trying to make it look good on all types of backgrounds. There might be a way to make GIF logos look good with transparency but I don&#8217;t think it would be worth the trouble when most modern browsers support PNG transparency.</p>
<p>As you can see from the pictures above, the one with the ugly grainy logo text is a GIF logo while the smooth and perfect one is a PNG logo. I could not achieve this look for my <a href="http://www.vincentrich.com">internet marketing blog</a> with a GIF logo unless I saved the logo with the background image in 1 file.</p>
<p><strong>Advantages of Transparent PNG Logos</strong></p>
<ul>
<li>Looks great on different backgrounds</li>
<li>Most modern browsers like Internet Explorer 7, Safari, Opera 9 and Firefox 2/3 support it</li>
<li>PNG colours are nicer</li>
</ul>
<p><strong>Disadvantages of Transparent PNG Logos</strong></p>
<ul>
<li>File size is larger than GIF and JPG logos of the same quality</li>
<li>Does not work on older browsers like Internet Explorer unless you install a fix</li>
</ul>
<p><strong>How to Display Transparent PNG Logos in Internet Explorer 6</strong></p>
<p>The easiest way I have found to force IE6 to display PNG images correctly is to install this <a href="http://homepage.ntlworld.com/bobosola/pnghowto.htm">IE 6 PNG Javascript</a>. Just add the following code in between your head tags like this:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;!--[if lte IE 6]&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;pngfix.js&quot;&gt;&lt;/script&gt;&lt;![endif]--&gt;
</pre>
<p>Non-internet explorer browsers will ignore the code above. Only IE6 and below will read the file above. This fix isn&#8217;t perfect though. You will see a silver background on the transparent areas of your PNG image for a few seconds before it disappears. Furthermore, if you include PNG image files as a background image, this Javascript won&#8217;t display the PNG images correctly.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.maverickwebcreations.com/2008/10/27/the-power-of-transparent-png-logos.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

