<?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>パパはWebデザイナー[DESIGN PAPA] &#187; JavaScript</title>
	<atom:link href="http://designpapa.net/archives/category/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://designpapa.net</link>
	<description>パパになったWebデザイナーが、ウェブ・デザイン・プライベートなど、日常でふと気づいた事や役立つ情報を、画像・写真・イラストを織り交ぜ自由気ままに公開中！</description>
	<lastBuildDate>Sat, 04 Sep 2010 15:00:00 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
	<atom:link rel='hub' href='http://designpapa.net/?pushpress=hub'/>
		<item>
		<title>Webページに雪や紙ふぶきを降らせたい！</title>
		<link>http://designpapa.net/archives/296</link>
		<comments>http://designpapa.net/archives/296#comments</comments>
		<pubDate>Mon, 26 Jan 2009 09:49:22 +0000</pubDate>
		<dc:creator>kazz</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[ウェブ]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[雪]]></category>

		<guid isPermaLink="false">http://designpapa.net/?p=296</guid>
		<description><![CDATA[ネットサーフィンをしていると、たまにページ上で雪が降ってたり紙ふぶきが
舞ってたり、流星が流れていたりというサイトを見かけることがあります。
こういうのって実際自分で作ろうとすると、かなりの知識とテクニックが
必要ですが [...]]]></description>
			<content:encoded><![CDATA[<p>ネットサーフィンをしていると、たまにページ上で雪が降ってたり紙ふぶきが<br />
舞ってたり、流星が流れていたりというサイトを見かけることがあります。</p>
<p>こういうのって実際自分で作ろうとすると、かなりの知識とテクニックが<br />
必要ですが、そういった知識がなくてもちょっとソースとファイルを加える<br />
だけで、誰でも簡単に自分のサイトに取り入れることが出来ます。</p>
<p>色々な方法があるとは思いますが、私が利用させていただいたのは<br />
以下のサイトです。</p>
<p>参考：<a href="http://www.schillmania.com/projects/snowstorm/">http://www.schillmania.com/projects/snowstorm/</a></p>
<p><a href="http://designpapa.net/wp-content/uploads/2009/01/snow.jpg"><img class="alignnone size-medium wp-image-297" title="snow_storm" src="http://designpapa.net/wp-content/uploads/2009/01/snow-300x183.jpg" alt="snow_storm" width="300" height="183" /></a></p>
<p>設置方法は以下になります。</p>
<ol>
<li><a href="http://www.schillmania.com/projects/snowstorm/script/">http://www.schillmania.com/projects/snowstorm/script/</a><br />
より「snowstorm.js」をダウンロードし、雪を降らせたいページと<br />
同階層に「script」フォルダを作成後、設置。</li>
<li>雪を降らせたいページに<br />
&lt;script type=&#8221;text/javascript&#8221; src=&#8221;script/snowstorm.js&#8221;&gt;&lt;/script&gt;<br />
を追加。</li>
<li>ページ・「snowstorm.js」と同階層に「image」フォルダを作成。<br />
「image」フォルダ内に「snow」フォルダを作成。</li>
<li>「snow」フォルダ内に雪の画像（gifとpngファイル）を0.gif～5.gifの<br />
名前で作成＆設置。</li>
<li>アップロード</li>
</ol>
<p>ファイル階層</p>
<pre>./
+ image/
  + snow/
    0.png
    1.png
    2.png
    3.png
    4.png
    5.png
    0.gif
    1.gif
    2.gif
    3.gif
    4.gif
    5.gif
+ script/
    snowstorm.js</pre>
<p>雪の画像を紙ふぶきに変えれば紙ふぶきが舞うというわけです。</p>
<p>降るスピードや画面下部に積もっていく設定など、snowstorm.js内で<br />
編集可能です。</p>
<p>季節に合わせてページにこういった効果を持たせるのもアリかも<br />
知れませんね(*^-^)</p>
]]></content:encoded>
			<wfw:commentRss>http://designpapa.net/archives/296/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
