<?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>DesignWalkerのタネ &#187; jQuery</title>
	<atom:link href="http://www.designwalker.com/seed/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.designwalker.com/seed</link>
	<description>日々更新される海外のサイトを中心に気になる記事をひたすら・・・</description>
	<lastBuildDate>Sat, 02 Jul 2011 18:55:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>51種類のjQueryのチュートリアル&amp;サンプル</title>
		<link>http://www.designwalker.com/seed/2008/04/jquery.html</link>
		<comments>http://www.designwalker.com/seed/2008/04/jquery.html#comments</comments>
		<pubDate>Fri, 25 Apr 2008 06:57:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[まとめ]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/2008/04/jquery.html</guid>
		<description><![CDATA[先日、デザインウォーカーでご紹介した『jQueryサンプル集』
Noupeさんで、またまた、かなりたくさんのjQueryのチュートリアルをまとめられておりました。
51+ Best of jQuery Tutorials [...]]]></description>
			<content:encoded><![CDATA[<p>先日、デザインウォーカーでご紹介した『<a href="http://www.designwalker.com/2008/04/jquery.html" title="jQueryサンプル集">jQueryサンプル集</a>』</p>
<p>Noupeさんで、またまた、かなりたくさんのjQueryのチュートリアルをまとめられておりました。</p>
<h4><a href="http://www.noupe.com/tutorial/51-best-of-jquery-tutorials-and-examples.html" title="51+ Best of jQuery Tutorials and Examples">51+ Best of jQuery Tutorials and Examples</a></h4>
<p align="center">
<a href="http://www.noupe.com/tutorial/51-best-of-jquery-tutorials-and-examples.html" title="51+ Best of jQuery Tutorials and Examples"><br />
<img src="http://www.designwalker.com/seed/img/jquery/jquery.jpg" alt="" border="0" /><br />
</a>
</p>
<p>詳細はこちらからどうぞ〜。<br />
『<a href="http://www.noupe.com/tutorial/51-best-of-jquery-tutorials-and-examples.html" title="51+ Best of jQuery Tutorials and Examples">51+ Best of jQuery Tutorials and Examples</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=388&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/04/jquery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ウェブデザイナーのためのCode Snippets 第8弾</title>
		<link>http://www.designwalker.com/seed/2008/01/snippet.html</link>
		<comments>http://www.designwalker.com/seed/2008/01/snippet.html#comments</comments>
		<pubDate>Tue, 08 Jan 2008 05:59:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[まとめ]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/snippet/</guid>
		<description><![CDATA[個人的に、毎回楽しみにしているTUTORIAL BLOGさんの記事。
今回は、『25 Code Snippets for Web Designers (Part8)』
という人気のシリーズが公開されておりました。
 

 [...]]]></description>
			<content:encoded><![CDATA[<p>個人的に、毎回楽しみにしているTUTORIAL BLOGさんの記事。</p>
<p>今回は、『<a href="http://tutorialblog.org/25-code-snippets-for-web-designers-part8/" title="25 Code Snippets for Web Designers (Part8)">25 Code Snippets for Web Designers (Part8)</a>』</p>
<p>という人気のシリーズが公開されておりました。</p>
<p align="center"> <a href="http://tutorialblog.org/25-code-snippets-for-web-designers-part8/" title="25 Code Snippets for Web Designers (Part8)"><br />
<img src="http://www.designwalker.com/seed/img/snippet/snippet01.jpg" border="0" /><br />
</a></p>
<p>っというわけで、ご紹介されていたものの中から、特に気になったものをピックアップしてご紹介。</p>
<p><strong>1. <a href="http://www.swfir.com/" title="swfIR">swfIR</a></strong></p>
<p>このコードを使えば、イメージに影を付けたり、角を丸くしたり、角度をつけたり、ボーダーを付けたりして、ファイルをswfに変換して、きれいに表示してくれます。</p>
<p align="center"> <a href="http://www.swfir.com/" title="swfIR"><br />
<img src="http://www.designwalker.com/seed/img/snippet/snippet02.jpg" border="0" /></a></p>
<p align="center">&nbsp;</p>
<p><strong>2. <a href="http://www.maani.us/xml_charts/index.php" title="XML/SWF Charts">XML/SWF Charts</a></strong></p>
<p>XMLのデータから、とってもきれいなグラフを作ってくれます。</p>
<p align="center"> <a><br />
<img src="http://www.designwalker.com/seed/img/snippet/snippet03.jpg" border="0" /></a></p>
<p align="center">&nbsp;</p>
<p><strong>3. <a href="http://www.outcut.de/MooFlow/" title="Moo Flow">Moo Flow</a></strong></p>
<p>アップルのiTunesみたいな、エフェクトが簡単に作れます。</p>
<p align="center"> <a href="http://www.outcut.de/MooFlow/" title="Moo Flow"><br />
<img src="http://www.designwalker.com/seed/img/snippet/snippet04.jpg" border="0" /><br />
</a></p>
<p><strong>4. <a href="http://www.noupe.com/ajax/jquery-hover-sub-tag-cloud.html" title="jquery Hover Sub Tag Cloud">jquery Hover Sub Tag Cloud</a></strong></p>
<p>jqueryを使って、サブのタグクラウドをマウスオーバーで表示できます。</p>
<p align="center"> <a><br />
<img src="http://www.designwalker.com/seed/img/snippet/snippet05.jpg" border="0" /><br />
</a></p>
<p>他にもまだまだ、たくさんあります。続きはこちらからどうぞ～。<br />
『<a href="http://tutorialblog.org/25-code-snippets-for-web-designers-part8/" title="25 Code Snippets for Web Designers (Part8)">25 Code Snippets for Web Designers (Part8)</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=352&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/01/snippet.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>スライドショープラグイン 『jQuery Cycle Plugin』</title>
		<link>http://www.designwalker.com/seed/2007/10/jquery_cycle.html</link>
		<comments>http://www.designwalker.com/seed/2007/10/jquery_cycle.html#comments</comments>
		<pubDate>Fri, 19 Oct 2007 05:19:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[フォトグラフィー]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/jquery_cycle/</guid>
		<description><![CDATA[複数の画像を、シャッフル、ズーム、フェード、ターンダウン、スクロールアップ、スクロールライトの6種類のスライドショーで見せられるプラグイン『jQuery Cycle Plugin』
 


これなら簡単に動きのあるスライ [...]]]></description>
			<content:encoded><![CDATA[<p>複数の画像を、シャッフル、ズーム、フェード、ターンダウン、スクロールアップ、スクロールライトの6種類のスライドショーで見せられるプラグイン『<a href="http://malsup.com/jquery/cycle/" title="jQuery Cycle Plugin">jQuery Cycle Plugin</a>』</p>
<p align="center"> <a href="http://malsup.com/jquery/cycle/" title="jquery_cycle"><br />
<img src="http://www.designwalker.com/seed/img/jquery_cycle/jquery_cycle.jpg" alt="jQuery Cycle Plugin" border="0" /><br />
</a></p>
<p>これなら簡単に動きのあるスライドショーが使えますね。</p>
<p>写真などをシャッフルでみせるといいかも。</p>
<p>ぜひお試しください～。</p>
<p>詳細はこちらからどうぞ～。<br />
『<a href="http://malsup.com/jquery/cycle/" title="jQuery Cycle Plugin">jQuery Cycle Plugin</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=288&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2007/10/jquery_cycle.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LavaLampみたいなメニューをjQueryを使って作るチュートリアル</title>
		<link>http://www.designwalker.com/seed/2007/09/lavalampmenu.html</link>
		<comments>http://www.designwalker.com/seed/2007/09/lavalampmenu.html#comments</comments>
		<pubDate>Wed, 19 Sep 2007 05:26:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/lavalampmenu/</guid>
		<description><![CDATA[ひとむかし前に流行ったLavaLamp
 
このLava Lampみたいに、うにょ～ってランダムにっとまではいきませんが・・・
マウスがオーバーしたところのテキストの長さに応じて、背景のサークルが変形してくれるメニューを [...]]]></description>
			<content:encoded><![CDATA[<p>ひとむかし前に流行ったLavaLamp</p>
<p align="center"> <img src="http://www.designwalker.com/seed/img/lavalamp/lavalamp01.jpg" alt="Lava Lamp" border="0" /></p>
<p>このLava Lampみたいに、うにょ～ってランダムにっとまではいきませんが・・・</p>
<p>マウスがオーバーしたところのテキストの長さに応じて、背景のサークルが変形してくれるメニューを作るチュートリアルが公開されておりました。。</p>
<p align="center"> <a href="http://gmarwaha.com/blog/?p=7" title="Lava Lamp Menu"><br />
<img src="http://www.designwalker.com/seed/img/lavalamp/lavalamp02.jpg" alt="Lava Lamp" border="0" /><br />
</a></p>
<p>その名も『Lava Lamp Menu』です。</p>
<p>jQueryを使えば初心者の方でも比較的、簡単に実現できますね。</p>
<p>詳細はこちら<br />
『<a href="http://gmarwaha.com/blog/?p=7" title="LavaLamp for jQuery lovers!">LavaLamp for jQuery lovers!</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=216&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2007/09/lavalampmenu.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

