<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>MIGI PLANNING &#187; javascript</title>
	<atom:link href="http://m-pl.jp/category/sozai/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://m-pl.jp</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Thu, 17 May 2012 09:19:57 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://m-pl.jp/category/sozai/javascript/feed/" />
		<item>
		<title>ハイクオリティーなスライダー集「Top 20 Premium Quality Sliders 」</title>
		<link>http://m-pl.jp/2011/02/01/%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%bc%e3%81%aa%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e9%9b%86%e3%80%8ctop-20-premium-quality-sliders-%e3%80%8d/</link>
		<comments>http://m-pl.jp/2011/02/01/%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%bc%e3%81%aa%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e9%9b%86%e3%80%8ctop-20-premium-quality-sliders-%e3%80%8d/#comments</comments>
		<pubDate>Tue, 01 Feb 2011 14:02:35 +0000</pubDate>
		<dc:creator>migi</dc:creator>
				<category><![CDATA[08 jQuery]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://m-pl.jp/?p=560</guid>
		<description><![CDATA[http://design-develop.net/web-design/top-20-premium-quality-sliders.html FLASHの代用として多くのサイトで取り入れられているスライダー。主にjavascriptなどで制作されており、管理のしやすさや、お手軽に導入できることから人気を集めています。今日紹介するのはハイクオリティーなスライダー集めたエントリー「Top 20 Premium Quality Sliders 」。 o’Slider 様々なタイプのスライダーがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■SV Slider- Slideshow Script 様々なタイプのスライダー表現が可能なスライダー。フューチャリストのような見せ方もできます。 ■JQuery Slider/Image Rotator 爽快感のあるアニメ表現と豊富なトランジションが魅力のスライダーjQueryを使って制作されています。 ■jQuery List Style Rotator リスト表現が美しいjQueryによるスライダー。WEBマガジン系のコンテンツに最適なスライダーです。 上記の他にも様々なスライダーが用意されています。今回紹介するスライダーは有料のものになりますが、プロジェクトにも利用出来るものなので、上手く使えば製作コストも抑えられるかと思います。jsが苦手だという方は是非どうぞ。 Top 20 Premium Quality Sliders &#124; Nettuts+]]></description>
			<content:encoded><![CDATA[<p><a href="http://design-develop.net/web-design/top-20-premium-quality-sliders.html" target="_blank">http://design-develop.net/web-design/top-20-premium-quality-sliders.html</a></p>
<p>FLASHの代用として多くのサイトで取り入れられているスライダー。主にjavascriptなどで制作されており、管理のしやすさや、お手軽に導入できることから人気を集めています。今日紹介するのはハイクオリティーなスライダー集めたエントリー「Top 20 Premium Quality Sliders 」。</p>
<p><img src="http://design-develop.net/wp-content/uploads/2011/01/preview.jpg" title="preview" width="440" height="224" /><br />
<a href="http://codecanyon.net/item/oslider-slider-with-animated-backgrounds/138039">o’Slider</a></p>
<p>様々なタイプのスライダーがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。</p>
<p>詳しくは以下</p>
<p><strong>■<a href="http://codecanyon.net/item/sv-slider-slideshow-script/94502">SV Slider- Slideshow Script</a></strong><br />
様々なタイプのスライダー表現が可能なスライダー。フューチャリストのような見せ方もできます。</p>
<p><img src="http://design-develop.net/wp-content/uploads/2011/01/300492.jpg" title="300492" width="440" height="224" /></p>
<p><strong>■<a href="http://codecanyon.net/item/li-jquery-sliderimage-rotator/153638">JQuery Slider/Image Rotator</a></strong><br />
爽快感のあるアニメ表現と豊富なトランジションが魅力のスライダーjQueryを使って制作されています。</p>
<p><img src="http://design-develop.net/wp-content/uploads/2011/01/preview-1.jpg" title="preview-1" width="440" height="224" /></p>
<p><strong>■<a href="http://codecanyon.net/item/jquery-list-style-rotator/133870">jQuery List Style Rotator</a></strong><br />
リスト表現が美しいjQueryによるスライダー。WEBマガジン系のコンテンツに最適なスライダーです。</p>
<p><img src="http://design-develop.net/wp-content/uploads/2011/01/preview1.jpg" title="preview1" width="440" height="224" /></p>
<p>上記の他にも様々なスライダーが用意されています。今回紹介するスライダーは有料のものになりますが、プロジェクトにも利用出来るものなので、上手く使えば製作コストも抑えられるかと思います。jsが苦手だという方は是非どうぞ。</p>
<p><a href="http://net.tutsplus.com/articles/web-roundups/top-20-premium-quality-sliders/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+nettuts+%28Nettuts%2B%29">Top 20 Premium Quality Sliders | Nettuts+</a></p>
]]></content:encoded>
			<wfw:commentRss>http://m-pl.jp/2011/02/01/%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%bc%e3%81%aa%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e9%9b%86%e3%80%8ctop-20-premium-quality-sliders-%e3%80%8d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://m-pl.jp/2011/02/01/%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%bc%e3%81%aa%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e9%9b%86%e3%80%8ctop-20-premium-quality-sliders-%e3%80%8d/" />
	</item>
		<item>
		<title>JSで実現するシンプルで使い勝手のいいコンテンツカバーフロー「ContentFlow」</title>
		<link>http://m-pl.jp/2010/03/23/js%e3%81%a7%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8b%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%a7%e4%bd%bf%e3%81%84%e5%8b%9d%e6%89%8b%e3%81%ae%e3%81%84%e3%81%84%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84/</link>
		<comments>http://m-pl.jp/2010/03/23/js%e3%81%a7%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8b%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%a7%e4%bd%bf%e3%81%84%e5%8b%9d%e6%89%8b%e3%81%ae%e3%81%84%e3%81%84%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84/#comments</comments>
		<pubDate>Tue, 23 Mar 2010 00:01:20 +0000</pubDate>
		<dc:creator>migi</dc:creator>
				<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://m-pl.jp/?p=370</guid>
		<description><![CDATA[Macを使っている方には馴染み深い、立体的で空間的にコンテンツやファイルの内容を表示するインターフェイスカバーフロー。そのインターフェイスはOSだけではなく、様々な部分で活用されていますが、今日紹介するのはjavascriptで実現したコンテンツカバーフロー「ContentFlow」です。 作り自体は非常にシンプルなものになっており、動作はjsで制御、画像などはすべて外部から読み込んでいるみたいで、枠組みだけ作ってしまえば、画像を入れ替えるだけで、差し替えたり更新できたりします。 詳しくは以下 実装はそこまで難しくなく、サンプルのカバーフローのファイルを一式ダウンロード可能ですので、普段WEB制作をしている方であれば、自分のサイトに組み込むのは非常に簡単だと思います。 ライセンスはオープンソースであるか無いかに関わらず再利用を認めているMIT Licenseとなっていますので、範囲内においては自由に利用することができます。]]></description>
			<content:encoded><![CDATA[<p>Macを使っている方には馴染み深い、立体的で空間的にコンテンツやファイルの内容を表示するインターフェイスカバーフロー。そのインターフェイスはOSだけではなく、様々な部分で活用されていますが、今日紹介するのはjavascriptで実現したコンテンツカバーフロー「ContentFlow」です。</p>
<p><img src="http://design-develop.net/wp-content/uploads/2010/03/contetscover.jpg" title="http://design-develop.net/wp-content/uploads/2010/03/contetscover.jpg" width="440" height="213" class="alignnone" /></p>
<p>作り自体は非常にシンプルなものになっており、動作はjsで制御、画像などはすべて外部から読み込んでいるみたいで、枠組みだけ作ってしまえば、画像を入れ替えるだけで、差し替えたり更新できたりします。</p>
<p>詳しくは以下</p>
<p>実装はそこまで難しくなく、サンプルのカバーフローのファイルを一式ダウンロード可能ですので、普段WEB制作をしている方であれば、自分のサイトに組み込むのは非常に簡単だと思います。</p>
<p>ライセンスはオープンソースであるか無いかに関わらず再利用を認めているMIT Licenseとなっていますので、範囲内においては自由に利用することができます。</p>
]]></content:encoded>
			<wfw:commentRss>http://m-pl.jp/2010/03/23/js%e3%81%a7%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8b%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%a7%e4%bd%bf%e3%81%84%e5%8b%9d%e6%89%8b%e3%81%ae%e3%81%84%e3%81%84%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://m-pl.jp/2010/03/23/js%e3%81%a7%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8b%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%a7%e4%bd%bf%e3%81%84%e5%8b%9d%e6%89%8b%e3%81%ae%e3%81%84%e3%81%84%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84/" />
	</item>
	</channel>
</rss>

