<?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>kzms2 - html,css,javascript &#187; ie</title>
	<atom:link href="http://kzms2.com/tag/ie/feed/" rel="self" type="application/rss+xml" />
	<link>http://kzms2.com</link>
	<description>HTML、CSS、Javascript、Actionscriptなどページを作るのに必要なものならなんでも取り扱います。某ポータルのトップページをコーディング担当。</description>
	<lastBuildDate>Mon, 31 May 2010 03:27:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>IE6を葬るCSS5つ</title>
		<link>http://kzms2.com/2010/03/01/goodby_ie6/</link>
		<comments>http://kzms2.com/2010/03/01/goodby_ie6/#comments</comments>
		<pubDate>Sun, 28 Feb 2010 19:06:39 +0000</pubDate>
		<dc:creator>Zuma</dc:creator>
				<category><![CDATA[子ネタ]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[neta]]></category>

		<guid isPermaLink="false">http://kzms2.com/?p=613</guid>
		<description><![CDATA[
topsyWidgetPreload({ "url": "http%3A%2F%2Fkzms2.com%2F2010%2F03%2F01%2Fgoodby_ie6%2F", "style": "big", "title": "IE6を葬るCSS5つ" });
背景
「Internet Explorer（IE）6は2010年3月1日に亡くなった」という設定で葬式を挙げようという企画が米国で盛り上がっている。
IE6よ、安らかに眠れ――“葬式”を米企業が企画 &#8211; ITmedia Newsより
なにやら3月1日からGoogleさんがIE6のサポートを取りやめるので、米国でIE6の葬式をしちゃおうって話らしいです。
なので便乗してIE6を葬る（？）CSSTipsを5つほど紹介します。
5つというのは特に意味は無く、キリがよいため無理やり5つ用意しました。
※ネタですのでネタ嫌いな方はスルーしてください。
続きは詳細から。

キャプチャとCSS
さくっとキャプチャとcssのサンプルを乗せてみます。
ぼかしが入ってちょっと見づらく

html{
_filter: blur(add=1,direction=135);
}
色を反転させてショッキングに

html{
_filter:invert();
}
白黒でちょっとレガシーに

html{
_filter:gray();
}
ページが薄い状態に

html{
_filter:alpha(style=1,startx=0,starty=0, finishx=0, finishy=100,opacity=50,finishopacity=20;
}
もういっそのこと消去

html{
_display:none;
}
まとめ
なんの事はない8割方IE独自CSSのfilterをただ使っただけです。すみません
_（アンダーバー）ハックを使ってIE6以下だけに適用させてるだけですね！
この流れに乗って是非IE6とおさらば出来たら、幸せな方が沢山出てきそうなのですけどねっ
…とは言ったものの、日本でのIE6のシェアはまだまだ多いはずなのでどうなっていくのかはちょっと判断が難しいですね！
今後の動向に注目したいところです。

]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_blue" style="float: left;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fkzms2.com%252F2010%252F03%252F01%252Fgoodby_ie6%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22IE6%E3%82%92%E8%91%AC%E3%82%8BCSS5%E3%81%A4%22%20%7D);"><script type="text/javascript">topsyWidgetPreload({ "url": "http%3A%2F%2Fkzms2.com%2F2010%2F03%2F01%2Fgoodby_ie6%2F", "style": "big", "title": "IE6を葬るCSS5つ" });</script></div>
<h3 class="postMds">背景</h3>
<blockquote><p>「Internet Explorer（IE）6は2010年3月1日に亡くなった」という設定で葬式を挙げようという企画が米国で盛り上がっている。</p></blockquote>
<p><a href="http://www.itmedia.co.jp/news/articles/1002/25/news038.html" >IE6よ、安らかに眠れ――“葬式”を米企業が企画 &#8211; ITmedia News</a>より</p>
<p>なにやら3月1日からGoogleさんがIE6のサポートを取りやめるので、米国でIE6の葬式をしちゃおうって話らしいです。<br />
なので便乗してIE6を葬る（？）CSSTipsを5つほど紹介します。<br />
5つというのは特に意味は無く、キリがよいため無理やり5つ用意しました。</p>
<p>※ネタですのでネタ嫌いな方はスルーしてください。</p>
<p>続きは詳細から。<br />
<span id="more-613"></span></p>
<h3 class="postMds">キャプチャとCSS</h3>
<p>さくっとキャプチャとcssのサンプルを乗せてみます。</p>
<h4 class="postMds">ぼかしが入ってちょっと見づらく</h4>
<p><img src="http://gyazo.com/aa9d5200ac2fb9db203436d462e01e89.png" alt="" /><br />
<code>html{<br />
_filter: blur(add=1,direction=135);<br />
}</code></p>
<h4 class="postMds">色を反転させてショッキングに</h4>
<p><img src="http://gyazo.com/ab1ba27bd174a84012818578fa3bf17a.png" alt="" /><br />
<code>html{<br />
_filter:invert();<br />
}</code></p>
<h4 class="postMds">白黒でちょっとレガシーに</h4>
<p><img src="http://gyazo.com/4630893ec90b1bbb75b81cc3805815be.png" alt="" /><br />
<code>html{<br />
_filter:gray();<br />
}</code></p>
<h4 class="postMds">ページが薄い状態に</h4>
<p><img src="http://gyazo.com/b745b0a95dd9a88d6bc0e1364e822e0c.png" alt="" /><br />
<code>html{<br />
_filter:alpha(style=1,startx=0,starty=0, finishx=0, finishy=100,opacity=50,finishopacity=20;<br />
}</code></p>
<h4 class="postMds">もういっそのこと消去</h4>
<p><img src="http://gyazo.com/74bf847eeb7193faa4f620f88a9c680d.png" alt="" /><br />
<code>html{<br />
_display:none;<br />
}</code></p>
<h3 class="postMds">まとめ</h3>
<p>なんの事はない8割方IE独自CSSのfilterをただ使っただけです。すみません<br />
_（アンダーバー）ハックを使ってIE6以下だけに適用させてるだけですね！</p>
<p>この流れに乗って是非IE6とおさらば出来たら、幸せな方が沢山出てきそうなのですけどねっ<br />
…とは言ったものの、日本でのIE6のシェアはまだまだ多いはずなのでどうなっていくのかはちょっと判断が難しいですね！</p>
<p>今後の動向に注目したいところです。</p>

]]></content:encoded>
			<wfw:commentRss>http://kzms2.com/2010/03/01/goodby_ie6/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
