<?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>Mark Poppen &#187; HTML</title>
	<atom:link href="http://mark.poppen.ca/category/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://mark.poppen.ca</link>
	<description>Dutch web designer in Canada</description>
	<lastBuildDate>Thu, 21 Apr 2011 19:41:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>IE6 Upgrade notification</title>
		<link>http://mark.poppen.ca/459/ie6-upgrade-notification/</link>
		<comments>http://mark.poppen.ca/459/ie6-upgrade-notification/#comments</comments>
		<pubDate>Fri, 04 Mar 2011 19:36:14 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[die-already]]></category>
		<category><![CDATA[ie6]]></category>

		<guid isPermaLink="false">http://mark.poppen.ca/?p=459</guid>
		<description><![CDATA[I&#8217;ve quit designing around IE6 a long time ago. I have a contract that states that if my client needs me to design the site to work in IE6, they pay extra. For the other sites, when I suspect the target audience might use IE6, I wrote a little piece of code. It&#8217;s validated in [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve quit designing around IE6 a long time ago. I have a contract that states that if my client needs me to design the site to work in IE6, they pay extra. For the other sites, when I suspect the target audience <em>might use</em> IE6, I wrote a little piece of code. It&#8217;s validated in 4.01 Strict HTML and stays out of the way of Google search results (because it&#8217;s at the bottom of the page).</p>
<p>Let me know if you&#8217;re using it or if you made improvements to it.</p>
<p>Here it is. Put the html right before the &lt;/body&gt; tag, and the css at the bottom of your .css file.</p>
<p>&lt;!&#8211;[if lt IE 7]&gt;<br />
&lt;div id=&#8221;upgrade&#8221;&gt;You are using an outdated browser. For a faster, safer surfing experience, please &lt;a href=&#8221;http://www.microsoft.com/windows/internet-explorer/default.aspx&#8221;&gt;upgrade for free&lt;/a&gt;.&lt;/div&gt;<br />
&lt;![endif]&#8211;&gt;</p>
<pre>/*-- IE6 --*/
#upgrade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #ff0;
	}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://mark.poppen.ca/459/ie6-upgrade-notification/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introduction to Typekit</title>
		<link>http://mark.poppen.ca/424/introduction-to-typekit/</link>
		<comments>http://mark.poppen.ca/424/introduction-to-typekit/#comments</comments>
		<pubDate>Sat, 05 Dec 2009 21:34:45 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[embedded]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[intro]]></category>
		<category><![CDATA[squeeze]]></category>
		<category><![CDATA[typekit]]></category>

		<guid isPermaLink="false">http://mark.poppen.ca/?p=424</guid>
		<description><![CDATA[I&#8217;ve done a screencast on the introduction of Typekit for The Web Squeeze about 2 weeks ago. For those of you who haven&#8217;t seen it yet, here it is: Introduction to Typekit from TheWebSqueeze on Vimeo.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve done a screencast on the introduction of Typekit for <a href="http://thewebsqueeze.com">The Web Squeeze</a> about 2 weeks ago. For those of you who haven&#8217;t seen it yet, here it is:</p>
<p><object width="450" height="253"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7760055&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=1&amp;color=8f0613&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7760055&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=1&amp;color=8f0613&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="450" height="253"></embed></object>
<p><a href="http://vimeo.com/7760055">Introduction to Typekit</a> from <a href="http://vimeo.com/thewebsqueeze">TheWebSqueeze</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://mark.poppen.ca/424/introduction-to-typekit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Death to IE6 #2</title>
		<link>http://mark.poppen.ca/138/death-to-ie6-2/</link>
		<comments>http://mark.poppen.ca/138/death-to-ie6-2/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 23:00:28 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[solution]]></category>

		<guid isPermaLink="false">http://mark.poppen.ca/?p=138</guid>
		<description><![CDATA[In this post I already told you how much I hate IE6, and I&#8217;m not the only one, so I decided to stop squirming around it, and simply stop designing around it, unless a client pays extra. This might be useful for some of you out there who also want to avoid the agony of [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignright" style="width: 110px"><img title="IE6 logo" src="http://www.tech-faq.com/blog/wp-content/uploads/2007/08/ie_logo_small.jpg" alt="IE6 must die." width="100" height="108" /><p class="wp-caption-text">IE6 must die.</p></div>
<p>In <a href="http://mark.poppen.ca/115/quick-post-death-to-ie6/">this post</a> I already told you how much I hate IE6, and I&#8217;m <a href="http://search.twitter.com/search?q=ie6">not the only one</a>, so I decided to stop squirming around it, and simply stop designing around it, unless a client pays extra.</p>
<p>This might be useful for some of you out there who also want to avoid the agony of IE6. I recently started using this code, and so far it works pretty good.</p>
<p>In the &lt;head&gt; of your HTML:</p>
<blockquote><p>&lt;!&#8211;[if IE 6]&gt;<br />
&lt;style type=&#8221;text/css&#8221;&gt;<br />
#ie6 {<br />
display: block;<br />
}<br />
&lt;/style&gt;</p></blockquote>
<p>In the &lt;body&gt;, before anything else:</p>
<blockquote><p>&lt;div id=&#8221;ie6&#8243;&gt;It seems you&#8217;re using an old browser. In order to view this site correctly, we advise you to &lt;a href=&#8221;http://www.microsoft.com/windows/products/winfamily/ie/default.mspx&#8221;&gt;upgrade your browser&lt;/a&gt;, or try the free &lt;a href=&#8221;http://www.mozilla.com/firefox&#8221;&gt;Mozilla Firefox&lt;/a&gt;.<br />
&lt;/div&gt; &lt;!&#8211; end #ie6 &#8211;&gt;</p></blockquote>
<p>And finally in your .CSS file:</p>
<blockquote><p>#ie6 {<br />
font: normal 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
background: #FFFF66;<br />
display: none;<br />
}</p></blockquote>
<p>This way a yellow bar telling people to upgrade their browser shows up when somebody is using IE6. In any other browser it will be hidden.</p>
<p>You can use/edit/redistribute this piece if you like. Any comments are also welcome.</p>
]]></content:encoded>
			<wfw:commentRss>http://mark.poppen.ca/138/death-to-ie6-2/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

