<?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; webデザイン</title>
	<atom:link href="http://www.designwalker.com/seed/category/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/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>CSSとGIFアニメーションだけで作れるプログレスバー</title>
		<link>http://www.designwalker.com/seed/2008/03/css-progress-bar.html</link>
		<comments>http://www.designwalker.com/seed/2008/03/css-progress-bar.html#comments</comments>
		<pubDate>Tue, 01 Apr 2008 05:20:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[idea]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/css-progress-bar/</guid>
		<description><![CDATA[プログレスバーは、タスクの進行状況がわかって、とっても便利ですよね。
Pure CSS Animated Progress Bar
この、プログレスバーは、CSSとGIFアニメーションだけでとっても簡単に作れてしまいます [...]]]></description>
			<content:encoded><![CDATA[<p>プログレスバーは、タスクの進行状況がわかって、とっても便利ですよね。</p>
<h4><a href="http://cssglobe.com/post/1468/pure-css-animated-progress-bar" title="Pure CSS Animated Progress Bar">Pure CSS Animated Progress Bar</a></h4>
<p>この、プログレスバーは、CSSとGIFアニメーションだけでとっても簡単に作れてしまいます。</p>
<p align="center"> <a href="http://cssglobe.com/post/1468/pure-css-animated-progress-bar" title="Pure CSS Animated Progress Bar"><br />
<img src="http://www.designwalker.com/seed/img/css_progress_bar/css_progress_bar.jpg" alt="Pure CSS Animated Progress Bar" border="0" /><br />
</a></p>
<p>用意する画像は、以下の３種類です。</p>
<p>1. 枠の画像</p>
<p align="center"> <img src="http://www.designwalker.com/seed/img/css_progress_bar/bg_bar.gif" alt="Pure CSS Animated Progress Bar" border="0" /></p>
<p>2. バーのGIFアニメーション</p>
<p align="center"> <img src="http://www.designwalker.com/seed/img/css_progress_bar/bar.gif" alt="Pure CSS Animated Progress Bar" border="0" /></p>
<p>3. バーを隠す画像（分かりやすくするために、横幅を広げて表示してます。）</p>
<p align="center"> <img src="http://www.designwalker.com/seed/img/css_progress_bar/bg_cover.gif" alt="Pure CSS Animated Progress Bar" border="0" height="25" width="200" /></p>
<p>3のバーを隠す画像をCSSで調節すると、簡単なプログレスバーの出来上がりです〜。</p>
<p>詳細はこちらからどうぞ。htmlファイルもダウンロードできるので、是非お試しください。<br />
『<a href="http://cssglobe.com/post/1468/pure-css-animated-progress-bar" title="Pure CSS Animated Progress Bar">Pure CSS Animated Progress Bar</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=381&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/03/css-progress-bar.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ページの端がぺろっとめくれる効果が出せるWordpressプラグイン</title>
		<link>http://www.designwalker.com/seed/2008/03/pageear.html</link>
		<comments>http://www.designwalker.com/seed/2008/03/pageear.html#comments</comments>
		<pubDate>Tue, 25 Mar 2008 08:41:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/pageear/</guid>
		<description><![CDATA[こちらのサイトで、↓以下のように、ページの右隅がぺろっとめくれたような効果が出せるスクリプトを公開されていました。
『Create A Peel Away Effect On Website』
 


右端に、小さくめく [...]]]></description>
			<content:encoded><![CDATA[<p>こちらのサイトで、↓以下のように、ページの右隅がぺろっとめくれたような効果が出せるスクリプトを公開されていました。</p>
<h4>『<a href="http://www.hongkiat.com/blog/create-a-peel-away-effect-on-website-how-to/" title="Create A Peel Away Effect On Website">Create A Peel Away Effect On Website</a>』</h4>
<p align="center"> <a href="http://www.hongkiat.com/blog/create-a-peel-away-effect-on-website-how-to/" title="Create A Peel Away Effect On Website"><br />
<img src="http://www.designwalker.com/seed/img/peel/peel.jpg" alt="Create A Peel Away Effect On Website" border="0" /><br />
</a></p>
<p>右端に、小さくめくれている部分が表示され、マウスがオーバーすると、ぺろっとめくれた感じをが出せます。</p>
<p>Wordpressをお使いの方は、『<a href="http://www.webpicasso.de/blog/pageear-free-peel-away-ad/" title="Pageear - free peel away ad">Pageear &#8211; free peel away ad</a>』、こちらのプラグインを入れると、簡単にめくれた感じが出せるようですよ。</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=380&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/03/pageear.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>画像のスクローラーが簡単に作れるオープンソースのJavaScriptツール『iCarousel』</title>
		<link>http://www.designwalker.com/seed/2008/03/icarousel.html</link>
		<comments>http://www.designwalker.com/seed/2008/03/icarousel.html#comments</comments>
		<pubDate>Tue, 11 Mar 2008 06:10:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[idea]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/icarousel/</guid>
		<description><![CDATA[オープンソースのJavaScriptツール『iCarousel』を使うと、簡単に、画像のスクローラーなどが作れます。
iCarousel
例えば、↓こんなやつとか、
 


↓こんなやつとか
 


ぜひお試しください。 [...]]]></description>
			<content:encoded><![CDATA[<p>オープンソースのJavaScriptツール『iCarousel』を使うと、簡単に、画像のスクローラーなどが作れます。</p>
<h4><a href="http://zendold.lojcomm.com.br/icarousel/" title="iCarousel">iCarousel</a></h4>
<p>例えば、↓こんなやつとか、</p>
<p align="center"> <a href="http://zendold.lojcomm.com.br/icarousel/example3.asp" title="iCarousel - Horizontal images scroller"><br />
<img src="http://www.designwalker.com/seed/img/icarousel/icarousel01.jpg" style="width: 262.44px; height: 47.8953px" alt="iCarousel - Horizontal images scroller" border="0" /><br />
</a></p>
<p>↓こんなやつとか</p>
<p align="center"> <a href="http://zendold.lojcomm.com.br/icarousel/example6.asp" title="iCarousel - Horizontal images slider"><br />
<img src="http://www.designwalker.com/seed/img/icarousel/icarousel02.jpg" style="width: 262.44px; height: 218.481px" alt="iCarousel - Horizontal images slider" border="0" /><br />
</a></p>
<p>ぜひお試しください。<br />
詳細はこちらからどうぞ〜。</p>
<p>『<a href="http://zendold.lojcomm.com.br/icarousel/" title="iCarousel">iCarousel</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=378&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/03/icarousel.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ダークで綺麗なウェブサイト25選</title>
		<link>http://www.designwalker.com/seed/2008/02/dark-webdesign.html</link>
		<comments>http://www.designwalker.com/seed/2008/02/dark-webdesign.html#comments</comments>
		<pubDate>Tue, 26 Feb 2008 07:44:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[まとめ]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/dark-webdesign/</guid>
		<description><![CDATA[Vandelay Website Designさんのエントリで『25 Beautifully Dark Website Designs』がアップされておりました。
ダークで綺麗なウェブサイトが25サイトご紹介されておりま [...]]]></description>
			<content:encoded><![CDATA[<p>Vandelay Website Designさんのエントリで『<a href="http://vandelaydesign.com/blog/galleries/dark/" title="25 Beautifully Dark Website Designs">25 Beautifully Dark Website Designs</a>』がアップされておりました。</p>
<p>ダークで綺麗なウェブサイトが25サイトご紹介されております。</p>
<p>その中から、いくつかピックアップしてご紹介。</p>
<h4>1. <a href="http://printhuge.com/" title="Colour Managed Large Format Printing Service">Colour Managed Large Format Printing Service</a></h4>
<p align="center"> <a href="http://printhuge.com/" title="Colour Managed Large Format Printing Service"><br />
<img src="http://www.designwalker.com/seed/img/dark_webdesign/dark_webdesign01.jpg" alt="Colour Managed Large Format Printing Service" border="0" /><br />
</a></p>
<h4>2. <a href="http://www.ttthings.com/" title="Blog ~ Ten Thousand Things">Blog ~ Ten Thousand Things</a></h4>
<p align="center"> <a href="http://www.ttthings.com/" title="Blog ~ Ten Thousand Things"><br />
<img src="http://www.designwalker.com/seed/img/dark_webdesign/dark_webdesign02.jpg" alt="Blog ~ Ten Thousand Things" border="0" /><br />
</a></p>
<h4>3. <a href="http://www.smashlab.com/" title="smashLAB - Strategic interactive agency">smashLAB &#8211; Strategic interactive agency</a></h4>
<p align="center"> <a href="http://www.smashlab.com/" title="smashLAB - Strategic interactive agency"><br />
<img src="http://www.designwalker.com/seed/img/dark_webdesign/dark_webdesign03.jpg" alt="smashLAB - Strategic interactive agency" border="0" /><br />
</a></p>
<h4>4. <a href="http://mojavemusic.ca/" title="mojave (vancouver band) acoustic rock">mojave (vancouver band) acoustic rock</a></h4>
<p align="center"> <a href="http://mojavemusic.ca/" title="mojave (vancouver band) acoustic rock"><br />
<img src="http://www.designwalker.com/seed/img/dark_webdesign/dark_webdesign04.jpg" alt="mojave (vancouver band) acoustic rock" border="0" /><br />
</a></p>
<p>まだまだ、たくさんございます。続きはこちらからどうぞ～。<br />
『<a href="http://vandelaydesign.com/blog/galleries/dark/" title="25 Beautifully Dark Website Designs">25 Beautifully Dark Website Designs</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=376&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/02/dark-webdesign.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>テキストを入力するだけで、ロゴを作ってくれる『Free Logo Generator』</title>
		<link>http://www.designwalker.com/seed/2008/02/logo-generator.html</link>
		<comments>http://www.designwalker.com/seed/2008/02/logo-generator.html#comments</comments>
		<pubDate>Tue, 19 Feb 2008 05:02:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[グラフィックデザイン]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/graphicdesign/logo-generator/</guid>
		<description><![CDATA[テキストボックスに、テキストを入力して（残念ながら、日本語には対応していませんが）、お好みのスタイルを選んで、『Create』ボタンをクリックするだけで、ロゴを生成してくれるツールです。
Free Logo Genera [...]]]></description>
			<content:encoded><![CDATA[<p>テキストボックスに、テキストを入力して（残念ながら、日本語には対応していませんが）、お好みのスタイルを選んで、『Create』ボタンをクリックするだけで、ロゴを生成してくれるツールです。</p>
<h4><a href="http://www.graphicwebs.com/" title="Free Logo Generator">Free Logo Generator</a></h4>
<p align="center"> <a href="http://www.graphicwebs.com/" title="Free Logo Generator"><br />
<img src="http://www.designwalker.com/seed/img/logo_generator/logo_generator.jpg" alt="Free Logo Generator" border="0" /><br />
</a></p>
<p>簡単に綺麗なロゴを作ってくれて、とっても便利ですね。</p>
<p>詳細はこちらからどうぞ～。<br />
『<a href="http://www.graphicwebs.com/" title="Free Logo Generator">Free Logo Generator</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=374&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/02/logo-generator.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MTで作られた綺麗なサイトを集めたショーケース『Movable Love』</title>
		<link>http://www.designwalker.com/seed/2008/02/movable-love.html</link>
		<comments>http://www.designwalker.com/seed/2008/02/movable-love.html#comments</comments>
		<pubDate>Tue, 19 Feb 2008 04:56:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[まとめ]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/movable-love/</guid>
		<description><![CDATA[MTで作られた綺麗なサイトを集めたショーケースサイト
Movable Love
 


MTを使われている方には、いろいろと参考になるのではないでしょうか？
とっても綺麗なブログがたくさん集められていますよ～。
詳細はこ [...]]]></description>
			<content:encoded><![CDATA[<p>MTで作られた綺麗なサイトを集めたショーケースサイト</p>
<h4><a href="http://www.movablelove.com/" title="Movable Love">Movable Love</a></h4>
<p align="center"> <a href="http://www.movablelove.com/" title="Movable Love"><br />
<img src="http://www.designwalker.com/seed/img/movablelove/movablelove.jpg" alt="Movable Love" border="0" /><br />
</a></p>
<p>MTを使われている方には、いろいろと参考になるのではないでしょうか？</p>
<p>とっても綺麗なブログがたくさん集められていますよ～。</p>
<p>詳細はこちらからどうぞ～。<br />
『<a href="http://www.movablelove.com/" title="Movable Love">Movable Love</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=373&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/02/movable-love.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Movable Typeデザインアシスタント</title>
		<link>http://www.designwalker.com/seed/2008/02/mt-design-assistant.html</link>
		<comments>http://www.designwalker.com/seed/2008/02/mt-design-assistant.html#comments</comments>
		<pubDate>Wed, 13 Feb 2008 04:38:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[WebService]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/seed/webdesign/mt-design-assistant/</guid>
		<description><![CDATA[先日、『Movable Type Design Assistant』なるものが公開されましたね。
MovableTypeを使っていて、デザインを変えたいけどHTMLやCSSの知識があまりない方にはお勧めです。
Movab [...]]]></description>
			<content:encoded><![CDATA[<p>先日、『<a href="http://www.movabletype.org/design/assistant/" title="Movable Type Design Assistant">Movable Type Design Assistant</a>』なるものが公開されましたね。</p>
<p>MovableTypeを使っていて、デザインを変えたいけどHTMLやCSSの知識があまりない方にはお勧めです。</p>
<h4><a href="http://www.movabletype.org/design/assistant/" title="Movable Type Design Assistant">Movable Type Design Assistant</a></h4>
<p align="center"> <img src="http://www.designwalker.com/seed/img/mt_design_assistant/mt_design_assistant01.jpg" alt="Movable Type Design Assistant" border="0" /></p>
<p>1. ページ上部に表示されているStyleからお好みのスタイルを選びます。スタイルをクリックすると、ページ下部にそのスタイルが適用されて、のサンプルが表示されます。</p>
<p align="center"> <img src="http://www.designwalker.com/seed/img/mt_design_assistant/mt_design_assistant02.jpg" alt="Movable Type Design Assistant" border="0" /></p>
<p>2. レイアウトを選びます。3カラム、2カラムお好みのレイアウトを選んでください。</p>
<p align="center"> <img src="http://www.designwalker.com/seed/img/mt_design_assistant/mt_design_assistant03.jpg" alt="Movable Type Design Assistant" border="0" /></p>
<p>3. CSSをカスタマイズできます。変更したい部分をクリックするとページ右上に設定されている、CSSが表示されるので、そのCSSを変更して、&#8221;Apply CSS&#8221;をクリックすると、設定できます。</p>
<p align="center"> <img src="http://www.designwalker.com/seed/img/mt_design_assistant/mt_design_assistant04.jpg" alt="Movable Type Design Assistant" border="0" /></p>
<p>MovableTypeにログインして、スタイルを変更すれば出来上がりです！</p>
<p>詳細はこちらからどうぞ～<br />
『<a href="http://www.movabletype.org/design/assistant/" title="Movable Type Design Assistant">Movable Type Design Assistant</a>』</p>
<img src="http://www.designwalker.com/seed/?ak_action=api_record_view&id=372&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/seed/2008/02/mt-design-assistant.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>
	</channel>
</rss>

