<?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>いちばんやさしいゲームの作り方 &#187; CSS</title>
	<atom:link href="http://www.game-create.com/archives/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.game-create.com</link>
	<description>文系の人でも、数理学がわからない人でもゲームプログラミングをマスターできるブログ</description>
	<lastBuildDate>Tue, 08 Jun 2010 01:28:47 +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>CSS コーダーの方、ゲーム作りませんか？</title>
		<link>http://www.game-create.com/archives/3092</link>
		<comments>http://www.game-create.com/archives/3092#comments</comments>
		<pubDate>Tue, 30 Mar 2010 14:20:13 +0000</pubDate>
		<dc:creator>Byerkut</dc:creator>
				<category><![CDATA[ゲームプログラミング]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[Amazon]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[スプライト]]></category>
		<category><![CDATA[テクスチャ]]></category>
		<category><![CDATA[仕事]]></category>

		<guid isPermaLink="false">http://www.game-create.com/?p=3092</guid>
		<description><![CDATA[最近、 CSS スプライトが流行っているおかげで、ゲームプログラミングを説明するのが楽です。ゲームのスプライトもまさにあんな感じです。

ちなみに、うちのブログは CSS スプライトを使っていません。 CSS スプライト [...]]]></description>
			<content:encoded><![CDATA[<p>最近、 CSS スプライトが流行っているおかげで、ゲームプログラミングを説明するのが楽です。ゲームのスプライトもまさにあんな感じです。</p>
<p><span id="more-3092"></span></p>
<p>ちなみに、うちのブログは CSS スプライトを使っていません。 CSS スプライトが有名になる前に作りましたので知りませんでしたし、思いつきませんでした（最初に知ったのは Amazon で使っているのを見た時だったかと）。次にリニューアルする際には使ってみようかと思います。</p>
<p>余談ですが、仕事で CSS スプライトを使う際、よくオフセットの正負を間違えてしまいます。ゲームでよく使う blt 系の関数と逆なので注意が必要です（うっかりさん）。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.game-create.com/archives/3092/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>日々精進ネタに HTML/CSS を追加</title>
		<link>http://www.game-create.com/archives/3077</link>
		<comments>http://www.game-create.com/archives/3077#comments</comments>
		<pubDate>Thu, 25 Mar 2010 14:13:32 +0000</pubDate>
		<dc:creator>Byerkut</dc:creator>
				<category><![CDATA[日記]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[勉強]]></category>
		<category><![CDATA[書籍]]></category>

		<guid isPermaLink="false">http://www.game-create.com/?p=3077</guid>
		<description><![CDATA[技術者ですので、技術の勉強を止めるってことはできないのですが、 HTML/CSS に関しては仕事に不自由ないくらいはわかっていると思っておりました。
結論から言って誤解。

もちろん、新しい規格である HTML5 や C [...]]]></description>
			<content:encoded><![CDATA[<p>技術者ですので、技術の勉強を止めるってことはできないのですが、 HTML/CSS に関しては仕事に不自由ないくらいはわかっていると思っておりました。</p>
<p>結論から言って誤解。</p>
<p><span id="more-3077"></span></p>
<p>もちろん、新しい規格である HTML5 や CSS3 に関しては、いずれは勉強せねばならんと思っていたのですが、従来の規格に関しては不自由しない程度には使っているという思いがありました。しかし、書店に並んでいる新書を読むとこれがとんでもない誤解で、従来の規格でも今風の書き方、使い方ってのがあり、改めて勉強が必要だということがわかりました。</p>
<p>今週末、東京に行きますので本を買ってきます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.game-create.com/archives/3077/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>画像のアルファ値に関するトリビア</title>
		<link>http://www.game-create.com/archives/1253</link>
		<comments>http://www.game-create.com/archives/1253#comments</comments>
		<pubDate>Mon, 26 Jan 2009 11:19:47 +0000</pubDate>
		<dc:creator>Byerkut</dc:creator>
				<category><![CDATA[ゲームプログラミング]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[MovieClip]]></category>
		<category><![CDATA[画像]]></category>

		<guid isPermaLink="false">http://www.game-create.com/?p=1253</guid>
		<description><![CDATA[トリビアってほどでもないのですが、アルファ値って「不透明度」のことだったんですね。「透明度」って解釈していることが多くありました。

たしかに Flash とかで 100% 不透明な MovieClip はアルファ値が  [...]]]></description>
			<content:encoded><![CDATA[<p>トリビアってほどでもないのですが、アルファ値って「不透明度」のことだったんですね。「透明度」って解釈していることが多くありました。</p>
<p><span id="more-1253"></span></p>
<p>たしかに Flash とかで 100% 不透明な MovieClip はアルファ値が 100 です。数値を下げる毎に透明度が増してくるということは、アルファ値＝不透明度ということですよね。</p>
<p>こういう、「間違って覚えているやつが多いけど実は」的なお話しって面白いですよね。 CSS の float 属性とかも熱い議論を呼びそうです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.game-create.com/archives/1253/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>久々に敗北感を味わったツリー構造管理</title>
		<link>http://www.game-create.com/archives/713</link>
		<comments>http://www.game-create.com/archives/713#comments</comments>
		<pubDate>Sat, 13 Sep 2008 06:20:32 +0000</pubDate>
		<dc:creator>Byerkut</dc:creator>
				<category><![CDATA[コンピュータ]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.game-create.com/?p=713</guid>
		<description><![CDATA[ゲームでもそうなんですけど、ツリー構造を管理するためのしくみって結構需要があるんですよね。私もそうでして、先日も WEB サイト上で Ajax を使ったドラッグ＆ドロップによるツリー構造管理を実現しようとしたのですが、失 [...]]]></description>
			<content:encoded><![CDATA[<p>ゲームでもそうなんですけど、ツリー構造を管理するためのしくみって結構需要があるんですよね。私もそうでして、先日も WEB サイト上で Ajax を使ったドラッグ＆ドロップによるツリー構造管理を実現しようとしたのですが、失敗しました。久々の敗北感です。</p>
<p><span id="more-713"></span></p>
<p>どうやら Ajax を使うと、あるノードを別のノードの下に移動する際、 li 要素の後に ul 要素が挿入されるらしく、そのミスマッチから DOM が見つけられなくなってしまうようです（正しくは li 要素の中に ul 要素が入る形です。 ul 要素の子供は li 要素しか認められていません）。</p>
<p>XHTML って難しいですよね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.game-create.com/archives/713/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript でゲームに応用できそうな情報のメモ</title>
		<link>http://www.game-create.com/archives/333</link>
		<comments>http://www.game-create.com/archives/333#comments</comments>
		<pubDate>Mon, 21 Apr 2008 13:13:33 +0000</pubDate>
		<dc:creator>Byerkut</dc:creator>
				<category><![CDATA[ゲームプログラミング]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[WEB 2.0]]></category>

		<guid isPermaLink="false">http://www.game-create.com/?p=333</guid>
		<description><![CDATA[Ajax の勉強のために JavaScript の本を買ったのですが、これが結構良い本でした。中にはゲーム制作に応用できそうな TIPS もありましたのでメモしておきます。
最初に言っておきますが、かなり初歩的です。経験 [...]]]></description>
			<content:encoded><![CDATA[<p>Ajax の勉強のために JavaScript の本を買ったのですが、これが結構良い本でした。中にはゲーム制作に応用できそうな TIPS もありましたのでメモしておきます。</p>
<p>最初に言っておきますが、かなり初歩的です。経験者の方は期待すべきではありません。</p>
<p><span id="more-333"></span></p>
<ul>
<li>position に absolute や fixed を指定すると、本来その要素が配置されるはずの場所のスペースはなくなる</li>
<li>z-index で重ね順を指定できる（大きい数値ほど手前に描画される）</li>
<li>visibility に hidden を指定すると要素の幅を維持したまま不可視状態になるが、 display に none を指定すると要素が幅を取っていたスペースがなくなる</li>
</ul>
<p>JavaScript というより CSS の話題でしたね。でも、これで Ajax のライブラリを使うか DOM に詳しい人ならいろんなゲームが作れそうですよね。私も WEB 2.0 っぽいサービスを作ってみたいものです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.game-create.com/archives/333/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS のデザインをリセットする</title>
		<link>http://www.game-create.com/archives/305</link>
		<comments>http://www.game-create.com/archives/305#comments</comments>
		<pubDate>Thu, 27 Mar 2008 12:14:22 +0000</pubDate>
		<dc:creator>Byerkut</dc:creator>
				<category><![CDATA[コンピュータ]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[YUI]]></category>

		<guid isPermaLink="false">http://www.game-create.com/?p=305</guid>
		<description><![CDATA[ひとつ前のエントリーに関連しているのですが、こちらは段組ではなく HTML の各要素のデザインをリセットするためのスタイルシートです。

せっかく作った自作ゲームのサイトが、「 Mac だと見づらい！」などと言われてしま [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.game-create.com/archives/304">ひとつ前のエントリー</a>に関連しているのですが、こちらは段組ではなく HTML の各要素のデザインをリセットするためのスタイルシートです。</p>
<p><span id="more-305"></span></p>
<p>せっかく作った自作ゲームのサイトが、「 Mac だと見づらい！」などと言われてしまわないように、各ブラウザがデフォルトと定めるデザインの差をリセット（同じ見栄えにする）ために使います。</p>
<p><a href="http://developer.yahoo.com/yui/reset/" class="external">Yahoo! UI Library: Reset CSS</a></p>
<p>こちらは link タグで読み込むだけなので簡単かもしれません。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.game-create.com/archives/305/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS の段組を実現するフレームワーク</title>
		<link>http://www.game-create.com/archives/304</link>
		<comments>http://www.game-create.com/archives/304#comments</comments>
		<pubDate>Wed, 26 Mar 2008 12:07:22 +0000</pubDate>
		<dc:creator>Byerkut</dc:creator>
				<category><![CDATA[コンピュータ]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[YUI]]></category>

		<guid isPermaLink="false">http://www.game-create.com/?p=304</guid>
		<description><![CDATA[ゲームとは直接関係ないのですが、もし同人ゲームなどを制作されて SEO ばっちりの WEB サイトなんかを作りたいなんてことがありましたら思い出してみてください。

CSS でクロスブラウザ、つまりどのブラウザでも正しく [...]]]></description>
			<content:encoded><![CDATA[<p>ゲームとは直接関係ないのですが、もし同人ゲームなどを制作されて SEO ばっちりの WEB サイトなんかを作りたいなんてことがありましたら思い出してみてください。</p>
<p><span id="more-304"></span></p>
<p>CSS でクロスブラウザ、つまりどのブラウザでも正しく表示される段組を実現するのは結構面倒でした。このサイトも実現できているとは思っていません。しかしながら、時代は進化するのですね…、今では CSS で段組を実現するためのフレームワーク（土台）のようなものがあるとのことで大変驚いております。それが YUI Gruds CSS です。</p>
<p><a href="http://developer.yahoo.com/yui/grids/" class="external">Yahoo! UI Library: Grids CSS</a></p>
<p>英語による開設なので取っつきづらいかと思いますが、サンプルがわかりやすいのでなんとか読めると思います。</p>
<p>ウチのサイトも、リニューアルの際には是非とも採用してみたいものです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.game-create.com/archives/304/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
