<?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"
	>

<channel>
	<title>Wazap! Blog - ワザップ!ブログ &#187; 覚え書き</title>
	<atom:link href="http://blog.jp.wazap.com/category/dev-team/reminder/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.jp.wazap.com</link>
	<description>ワザップ!チームが国内外のゲーム・IT業界ニュース、ワザップ!ポータルなどについて語るブログです。</description>
	<pubDate>Thu, 20 Nov 2008 02:11:22 +0000</pubDate>
	<language>en</language>
			<item>
		<title>ThickBoxやlightboxのようにレイヤーを表示させる - その3</title>
		<link>http://blog.jp.wazap.com/2008/09/02/thickbox%E3%82%84lightbox%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B-%E3%81%9D%E3%81%AE3/</link>
		<comments>http://blog.jp.wazap.com/2008/09/02/thickbox%E3%82%84lightbox%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B-%E3%81%9D%E3%81%AE3/#comments</comments>
		<pubDate>Tue, 02 Sep 2008 11:07:41 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[Wazap]]></category>

		<category><![CDATA[覚え書き]]></category>

		<category><![CDATA[開発部]]></category>

		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[lightbox]]></category>

		<category><![CDATA[thickBox]]></category>

		<category><![CDATA[透過背景]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=85</guid>
		<description><![CDATA[windowサイズを取得して透過背景を表示させる。

#overlay {
	position: fixed;top: 0px;left: 0px;
	width:100%;height:100%;
	z-index:100;
}
* html #overlay { /* ie6 hack */
	 position: absolute;
}
#overlayIn{
	background:url(http://blog.jp.wazap.com/wordpress/wp-content/uploads/2008/07/overlay.png);
}
* html #overlayIn{
	background-color:#666;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


function overlay() {
	if (document.documentElement.clientWidth) {
		var div = document.createElement("div");
		div.id = "overlay";
		var divIn = document.createElement("div");
		divIn.id = "overlayIn";
		var width = document.documentElement.clientWidth;
		var height = document.documentElement.clientHeight;
		var divInwidth = divIn.offsetWidth;
		var divInheight = divIn.offsetHeight;
		divIn.style.width = width + "px";
		divIn.style.height = height + "px";
		div.appendChild(divIn);
		var objBody = document.getElementsByTagName("body").item(0); [...]]]></description>

		</item>
		<item>
		<title>CSS - IE6バグ解決、ハック、覚え書き</title>
		<link>http://blog.jp.wazap.com/2008/05/29/css-ie6%E3%83%90%E3%82%B0%E8%A7%A3%E6%B1%BA%E3%80%81%E3%83%8F%E3%83%83%E3%82%AF%E3%80%81%E8%A6%9A%E3%81%88%E6%9B%B8%E3%81%8D/</link>
		<comments>http://blog.jp.wazap.com/2008/05/29/css-ie6%E3%83%90%E3%82%B0%E8%A7%A3%E6%B1%BA%E3%80%81%E3%83%8F%E3%83%83%E3%82%AF%E3%80%81%E8%A6%9A%E3%81%88%E6%9B%B8%E3%81%8D/#comments</comments>
		<pubDate>Wed, 28 May 2008 15:51:14 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[覚え書き]]></category>

		<category><![CDATA[開発部]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[CSSハック]]></category>

		<category><![CDATA[expression]]></category>

		<category><![CDATA[filter:alpha]]></category>

		<category><![CDATA[_filter]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=40</guid>
		<description><![CDATA[●hover時にalphaをきかせる
■filter:alphaを使う。
alphaImage a:hover{
zoom: 1;
filter:alpha(opacity=65);
-moz-opacity:0.65; //mozira
opacity:0.65; //IE
}

●IE6.7でmax-widthをきかせる
■Javascriptのexpressionプロパティを使う。
* html #maxWidth {
width:expression(document.body.clientWidth &#62; 1200? “1200px” : “auto”);
}
●IE6で背景にPNGファイルを使う
■_filterを使う。
filter{
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=’imagePath.png’);
_background-image: none;
}
●CSS hack(ハック)について
/* affect to only MacIE5 \*//*/
div.globalContainer{
margin: 0 0 0 1px;
}
/* end */

ポイント
/* XXX \*//*/をつける事でMacIE5のみCSSが適用されます。

/* except MacIE5 \*/
margin:1px 0 0;
/* end */

ポイント
/* XXX \*/をつける事でMacIE5以外のブラウザでCSSが適用されます。

safari用のCSS hack

/* safari only \*/
html:\66irst-child div.globalContainer{
margin: 0 0 0 18px;
}
/* end */

ポイント
/* XXX \*/でコメントアウトし、html:\66irst-childをつける事で、
safariのみCSSが適用されます。

IE6.0,IE7.0のCSS hack

_div.globalContainer{
margin:0;
}
*div.globalContainer{
margin:0;
}
/* end */

ポイント
定義要素を記述する前に_を付けるとIE6.0のみに、
*をつけるとIE7.0のみCSSが適用されます。
]]></description>

		</item>
		<item>
		<title>PHP - 関数のパラメータを利用してPHPの値をJavascriptへ渡す</title>
		<link>http://blog.jp.wazap.com/2008/05/28/php-%E9%96%A2%E6%95%B0%E3%81%AE%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6php%E3%81%AE%E5%80%A4%E3%82%92javascript%E3%81%B8%E6%B8%A1%E3%81%99/</link>
		<comments>http://blog.jp.wazap.com/2008/05/28/php-%E9%96%A2%E6%95%B0%E3%81%AE%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6php%E3%81%AE%E5%80%A4%E3%82%92javascript%E3%81%B8%E6%B8%A1%E3%81%99/#comments</comments>
		<pubDate>Wed, 28 May 2008 07:36:42 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[覚え書き]]></category>

		<category><![CDATA[開発部]]></category>

		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[PHP]]></category>

		<category><![CDATA[パラメータ]]></category>

		<category><![CDATA[関数]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=34</guid>
		<description><![CDATA[■HTML側
&#60;a href="#" onmouseover="wazap('&#60;?php wazap(); ?&#62;' ?&#62;')"&#62;wazap&#60;/a&#62;
&#60;div id="result"&#62;&#60;/div&#62;
■Javascript側
function wazap(url){
$('result').innerHTML = "&#60;a href='http://jp.wazap.com?url="+ url + "'&#62;wazap&#60;/a&#62;";
}
]]></description>

		</item>
	</channel>
</rss>
