<?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; ajax</title>
	<atom:link href="http://www.designwalker.com/seed/tag/ajax/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>イメージマップが使えるLightbox 『Shadowbox.js』</title>
		<link>http://www.designwalker.com/seed/2008/02/shadowbox.html</link>
		<comments>http://www.designwalker.com/seed/2008/02/shadowbox.html#comments</comments>
		<pubDate>Tue, 26 Feb 2008 07:28:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[ajax]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/shadowbox/</guid>
		<description><![CDATA[以前、デザインウォーカーでご紹介した『Lightboxスクリプトいろいろ』
Shadowbox.jsもなかなかいい感じです。
Shadowbox.js
 


画像はもちろん、SWFやムービーファイル、などもポップアップ [...]]]></description>
			<content:encoded><![CDATA[<p>以前、デザインウォーカーでご紹介した『<a href="http://www.designwalker.com/2008/01/lightbox.html" title="Lightboxスクリプトいろいろ">Lightboxスクリプトいろいろ</a>』</p>
<p>Shadowbox.jsもなかなかいい感じです。</p>
<h4><a href="http://mjijackson.com/shadowbox/" title="Shadowbox.js">Shadowbox.js</a></h4>
<p align="center"> <a href="http://mjijackson.com/shadowbox/" title="Shadowbox.js"><br />
<img src="http://www.designwalker.com/seed/img/shadowbox/shadowbox.jpg" alt="shadowbox" border="0" /><br />
</a></p>
<p>画像はもちろん、SWFやムービーファイル、などもポップアップさせることができます。</p>
<p>また、大きな画像をポップアップさせて、Lightbox上でドラッグさせることができたり、イメージマップ機能を使えば、画像の一部をポップアップさせて見せることもできます。</p>
<p>詳細はこちらからどうぞ～。<br />
『<a href="http://mjijackson.com/shadowbox/" title="Shadowbox.js">Shadowbox.js</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=375&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/02/shadowbox.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>とてもわかりやすい便利な検索サジェスト 『Chickipedia』</title>
		<link>http://www.designwalker.com/seed/2008/02/chickipedia.html</link>
		<comments>http://www.designwalker.com/seed/2008/02/chickipedia.html#comments</comments>
		<pubDate>Thu, 07 Feb 2008 05:42:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[idea]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/chickipedia/</guid>
		<description><![CDATA[ホットな女性有名人を集めたWikipediaみたいなサイト『Chickipedia &#8211; The Wiki of Hot Women』
このサイトの検索サジェストがちょっといい感じです。
Chickipedia [...]]]></description>
			<content:encoded><![CDATA[<p>ホットな女性有名人を集めたWikipediaみたいなサイト『<a href="http://www.chickipedia.com/index.php/Main_Page" title="Chickipedia - The Wiki of Hot Women">Chickipedia &#8211; The Wiki of Hot Women</a>』</p>
<p>このサイトの検索サジェストがちょっといい感じです。</p>
<h4><a href="http://www.chickipedia.com/index.php/Main_Page" title="Chickipedia - The Wiki of Hot Women">Chickipedia &#8211; The Wiki of Hot Women</a></h4>
<p align="center"> <a href="http://www.chickipedia.com/index.php/Main_Page" title="Chickipedia - The Wiki of Hot Women"><br />
<img src="http://www.designwalker.com/seed/img/chickipedia/chickipedia01.jpg" alt="Chickipedia - The Wiki of Hot Women" border="0" /><br />
</a></p>
<p>試しに『a』とタイプしてみると・・・</p>
<p align="center"> <a href="http://www.chickipedia.com/index.php/Main_Page" title="Chickipedia - The Wiki of Hot Women"><br />
<img src="http://www.designwalker.com/seed/img/chickipedia/chickipedia02.jpg" alt="Chickipedia - The Wiki of Hot Women" border="0" /><br />
</a></p>
<p>『A』から始まる女性有名人が画像付でサジェストされます。</p>
<p>ちょっとした違いですが、画像があるとわかりやすくていいですよね。</p>
<p>『<a href="http://www.chickipedia.com/index.php/Main_Page" title="Chickipedia - The Wiki of Hot Women">Chickipedia &#8211; The Wiki of Hot Women</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=370&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/02/chickipedia.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>CSSのデザインアイデアいろいろ</title>
		<link>http://www.designwalker.com/seed/2007/10/css-design.html</link>
		<comments>http://www.designwalker.com/seed/2007/10/css-design.html#comments</comments>
		<pubDate>Tue, 02 Oct 2007 05:13:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[まとめ]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/css-design/</guid>
		<description><![CDATA[CSSを使って、角を丸くしたり。
CSSを使って、ドロップシャドウをつけたり。
CSSを使って、グラデーションつけたり。
CSSを使って、マウスオーバーメニューつくったり。
CSSを使って、引用部分のデザインしたり。
C [...]]]></description>
			<content:encoded><![CDATA[<p>CSSを使って、角を丸くしたり。</p>
<p>CSSを使って、ドロップシャドウをつけたり。</p>
<p>CSSを使って、グラデーションつけたり。</p>
<p>CSSを使って、マウスオーバーメニューつくったり。</p>
<p>CSSを使って、引用部分のデザインしたり。</p>
<p>CSSを使って、グラフを描いたり。</p>
<p align="center"><a href="http://www.designvitality.com/blog/2007/09/css-rounded-corners-gradients-shadows-without-images/" title="css-design"><img src="http://www.designwalker.com/seed/wp-content/uploads/2007/10/css_design.jpg" alt="css-design" border="0" /></a></p>
<p>いろいろあります。</p>
<p>詳細はこちらからどうぞ～<br />
『<a href="http://www.designvitality.com/blog/2007/09/css-rounded-corners-gradients-shadows-without-images/" title="Lose the Images: How to Get Rounded Corners, Gradients, Drop Shadows and More Using CSS">Lose the Images: How to Get Rounded Corners, Gradients, Drop Shadows and More Using CSS</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=252&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2007/10/css-design.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ajax Lightbox 『ModalBox』</title>
		<link>http://www.designwalker.com/seed/2007/09/modalbox.html</link>
		<comments>http://www.designwalker.com/seed/2007/09/modalbox.html#comments</comments>
		<pubDate>Fri, 21 Sep 2007 04:57:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[ajax]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/modalbox/</guid>
		<description><![CDATA[Prototype JavaScript Frameworkとscript.aculo.usをベースにしたAjaxポップアップ。
 


&#8220;Start demo&#8221;ボタンをクリックすると画面が暗くな [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.prototypejs.org/" title="Prototype JavaScript Framework">Prototype JavaScript Framework</a>と<a href="http://script.aculo.us/" title="script.aculo.us">script.aculo.us</a>をベースにしたAjaxポップアップ。</p>
<p align="center"> <a href="http://www.wildbit.com/labs/modalbox/" title="ModalBox"><br />
<img src="http://www.designwalker.com/seed/img/modalbox/modalbox01.jpg" alt="ModalBox" border="0" /><br />
</a></p>
<p>&#8220;Start demo&#8221;ボタンをクリックすると画面が暗くなり上部からウィンドウが出てきます。</p>
<p align="center"> <a href="http://www.wildbit.com/labs/modalbox/" title="ModalBox"><br />
<img src="http://www.designwalker.com/seed/img/modalbox/modalbox02.jpg" alt="ModalBox" border="0" /><br />
</a></p>
<p>&#8220;Continue&#8230;&#8221;ボタンをクリックすると、ウィンドウの大きさが変わりながらページが切り替わります。</p>
<p>動きもスムーズでなかなかいい感じですね。</p>
<p>詳細はこちら<br />
『<a href="http://www.wildbit.com/labs/modalbox/" title="ModalBox">ModalBox</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=228&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2007/09/modalbox.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

