<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" version="2.0">

<channel>
	<title>웹 개발자들을 위한 웹 리소스 전문 사이트 - WebStoryMaker</title>
	
	<link>http://www.webstorymaker.com</link>
	<description />
	<lastBuildDate>Sat, 10 Jul 2010 18:39:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/webstorymaker/fXTY" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="webstorymaker/fxty" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><creativeCommons:license>http://creativecommons.org/licenses/by-nc-sa/2.0/</creativeCommons:license><image><link>http://creativecommons.org/licenses/by-nc-sa/2.0/</link><url>http://creativecommons.org/images/public/somerights20.gif</url><title>Some Rights Reserved</title></image><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">webstorymaker/fXTY</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Google Chart Tools, 빠르고 다이나믹한 차트 생성</title>
		<link>http://www.webstorymaker.com/2010/07/google-chart-tools-%eb%b9%a0%eb%a5%b4%ea%b3%a0-%eb%8b%a4%ec%9d%b4%eb%82%98%eb%af%b9%ed%95%9c-%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1/</link>
		<comments>http://www.webstorymaker.com/2010/07/google-chart-tools-%eb%b9%a0%eb%a5%b4%ea%b3%a0-%eb%8b%a4%ec%9d%b4%eb%82%98%eb%af%b9%ed%95%9c-%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1/#comments</comments>
		<pubDate>Sat, 10 Jul 2010 18:39:38 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[그래프/챠트 (Chart)]]></category>
		<category><![CDATA[기타 (etc.)]]></category>
		<category><![CDATA[Google Chart Tools]]></category>
		<category><![CDATA[JavaScript Chart]]></category>
		<category><![CDATA[그래프]]></category>
		<category><![CDATA[자바스크립트 차트]]></category>
		<category><![CDATA[차트]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=1249</guid>
		<description><![CDATA[         


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/google-maps-jquery-plugin-%ea%b5%ac%ea%b8%80-%eb%a7%b5%ec%9d%84-%ec%89%bd%ea%b2%8c-%ec%97%b0%eb%8f%99%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!'>Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/open-flash-chart-2-%ec%98%a4%ed%94%88-%ed%94%8c%eb%9e%98%ec%8b%9c-%ec%b0%a8%ed%8a%b8/' rel='bookmark' title='Permanent Link: Open Flash Chart 2, 오픈 플래시 차트'>Open Flash Chart 2, 오픈 플래시 차트</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/httpdeveloper-yahoo-comyuicharts/' rel='bookmark' title='Permanent Link: YUI 2 Chart, 야후 YUI 2 기반의 차트/그래프'>YUI 2 Chart, 야후 YUI 2 기반의 차트/그래프</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/flotr-%ed%94%84%eb%a1%9c%ed%86%a0%ed%83%80%ec%9e%85%ec%9d%84-%ea%b8%b0%eb%b0%98%ec%9c%bc%eb%a1%9c%ed%95%98%eb%8a%94-%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-%ed%94%8c%eb%a1%9c%ed%8c%85/' rel='bookmark' title='Permanent Link: Flotr, 프로토타입을 기반으로하는 자바스크립트 플로팅 라이브러리'>Flotr, 프로토타입을 기반으로하는 자바스크립트 플로팅 라이브러리</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/usi_pY9edCf1slPla8Xl5ZFRrV4/0/da"><img src="http://feedads.g.doubleclick.net/~a/usi_pY9edCf1slPla8Xl5ZFRrV4/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/usi_pY9edCf1slPla8Xl5ZFRrV4/1/da"><img src="http://feedads.g.doubleclick.net/~a/usi_pY9edCf1slPla8Xl5ZFRrV4/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/07/gchart.jpg" ><img class="alignnone size-full wp-image-1250" style="border: solid 1px #ccc;" title="gchart" src="http://www.webstorymaker.com/wp-content/uploads/2010/07/gchart.jpg" alt="" width="707" height="303" /></a></p>
<p>Google Chart Tools 는 Static 또는 Interactive 한 그래프 및 차트 생성을 위한 API 입니다. 기본적으로 Line, Bar, Pie 등의 차트가 지원이 되며 그 외에도 Map 등 구글 소프트웨어에서 사용되고 있는 다양한 차트 S/W 를 내재하고 있습니다. 한가지 단점으로는 차트에 사용되는 데이터가 구글 서버에 전송이 되어 일시적으로 저장이 된다는 것입니다. 특별하게 노출되지 말아야 할 데이터 사용이 아니고서는 자바스크립트 코드를 사용하여 매우 쉽고 빠르게 작성할 수 있습니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /> <a rel="nofollow" target="_blank" rel="nofollow" href="http://code.google.com/apis/chart/"  target="_blank">웹사이트 바로가기</a><br />
라이센스: 기타</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/google-maps-jquery-plugin-%ea%b5%ac%ea%b8%80-%eb%a7%b5%ec%9d%84-%ec%89%bd%ea%b2%8c-%ec%97%b0%eb%8f%99%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!'>Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/open-flash-chart-2-%ec%98%a4%ed%94%88-%ed%94%8c%eb%9e%98%ec%8b%9c-%ec%b0%a8%ed%8a%b8/' rel='bookmark' title='Permanent Link: Open Flash Chart 2, 오픈 플래시 차트'>Open Flash Chart 2, 오픈 플래시 차트</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/httpdeveloper-yahoo-comyuicharts/' rel='bookmark' title='Permanent Link: YUI 2 Chart, 야후 YUI 2 기반의 차트/그래프'>YUI 2 Chart, 야후 YUI 2 기반의 차트/그래프</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/flotr-%ed%94%84%eb%a1%9c%ed%86%a0%ed%83%80%ec%9e%85%ec%9d%84-%ea%b8%b0%eb%b0%98%ec%9c%bc%eb%a1%9c%ed%95%98%eb%8a%94-%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-%ed%94%8c%eb%a1%9c%ed%8c%85/' rel='bookmark' title='Permanent Link: Flotr, 프로토타입을 기반으로하는 자바스크립트 플로팅 라이브러리'>Flotr, 프로토타입을 기반으로하는 자바스크립트 플로팅 라이브러리</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/07/google-chart-tools-%eb%b9%a0%eb%a5%b4%ea%b3%a0-%eb%8b%a4%ec%9d%b4%eb%82%98%eb%af%b9%ed%95%9c-%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>xmoovStream, PHP 스트리밍 서버</title>
		<link>http://www.webstorymaker.com/2010/03/xmoovstream-php-%ec%8a%a4%ed%8a%b8%eb%a6%ac%eb%b0%8d-%ec%84%9c%eb%b2%84/</link>
		<comments>http://www.webstorymaker.com/2010/03/xmoovstream-php-%ec%8a%a4%ed%8a%b8%eb%a6%ac%eb%b0%8d-%ec%84%9c%eb%b2%84/#comments</comments>
		<pubDate>Mon, 01 Mar 2010 18:58:43 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[CC]]></category>
		<category><![CDATA[기타 (etc.)]]></category>
		<category><![CDATA[설치형 (Installation Type)]]></category>
		<category><![CDATA[영상 (Video)]]></category>
		<category><![CDATA[Streaming Server]]></category>
		<category><![CDATA[xmoovStream Server]]></category>
		<category><![CDATA[스트리밍 서버]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=724</guid>
		<description><![CDATA[xmoovStream 서버는 PHP 로 제작된 미디어 컨텐츠의 포스트를 위한  http 스트리밍 서버입니다. 미디어 파일의 액세스에 콘트롤(Control)을 더해주며 한번의 설치로 다른 url 로부터 오는 컨텐츠들 또한 관리할 수 있습니다. 여러 다양한 미디어 포맷을 지원하며 다양한 OS 에서도 사용이 가능합니다. 오픈소스이며 비상업적 용도 한해서만 무료입니다. xmoovStream 웹사이트 라이센스: CC, 상업용 라이센스 연관된 포스트:Search And Share, 사이트의 컨텐츠를 [...]


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/pear-php-%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4-%ed%8c%a8%ed%82%a4%ec%a7%80/' rel='bookmark' title='Permanent Link: PEAR, PHP 오픈소스 패키지'>PEAR, PHP 오픈소스 패키지</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/codeigniter-%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4-php-%ed%94%84%eb%a0%88%ec%9e%84-%ec%9b%8c%ed%81%ac/' rel='bookmark' title='Permanent Link: CodeIgniter, 오픈소스 PHP 프레임 워크'>CodeIgniter, 오픈소스 PHP 프레임 워크</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/pchart-php-%ea%b8%b0%eb%b0%98%ec%9d%98-%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1-%ed%94%84%eb%a0%88%ec%9e%84-%ec%9b%8c%ed%81%ac/' rel='bookmark' title='Permanent Link: pChart, PHP 기반의 차트 생성 프레임 워크'>pChart, PHP 기반의 차트 생성 프레임 워크</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/symfony-mvc-%eb%94%94%ec%9e%90%ec%9d%b8-%ed%8c%a8%ed%84%b4%ec%9d%98-php-%ed%94%84%eb%a0%88%ec%9e%84-%ec%9b%8c%ed%81%ac/' rel='bookmark' title='Permanent Link: Symfony, MVC 디자인 패턴의 PHP 프레임 워크'>Symfony, MVC 디자인 패턴의 PHP 프레임 워크</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/f5bqdX-p0QMiSHTXZ9stiLabCl4/0/da"><img src="http://feedads.g.doubleclick.net/~a/f5bqdX-p0QMiSHTXZ9stiLabCl4/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/f5bqdX-p0QMiSHTXZ9stiLabCl4/1/da"><img src="http://feedads.g.doubleclick.net/~a/f5bqdX-p0QMiSHTXZ9stiLabCl4/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/03/stream.jpg" ><img class="alignnone size-full wp-image-1215" style="border: solid 1px #ccc;" title="stream" src="http://www.webstorymaker.com/wp-content/uploads/2010/03/stream.jpg" alt="Streaming Server" width="707" height="303" /></a></p>
<p>xmoovStream 서버는 PHP 로 제작된 미디어 컨텐츠의 포스트를 위한  http 스트리밍 서버입니다. 미디어 파일의 액세스에 콘트롤(Control)을 더해주며 한번의 설치로 다른 url 로부터 오는 컨텐츠들 또한 관리할 수 있습니다. 여러 다양한 미디어 포맷을 지원하며 다양한 OS 에서도 사용이 가능합니다. 오픈소스이며 비상업적 용도 한해서만 무료입니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /> <a rel="nofollow" target="_blank" href="http://stream.xmoov.com"  target="_blank">xmoovStream 웹사이트</a></p>
<p>라이센스: CC, 상업용 라이센스</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/pear-php-%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4-%ed%8c%a8%ed%82%a4%ec%a7%80/' rel='bookmark' title='Permanent Link: PEAR, PHP 오픈소스 패키지'>PEAR, PHP 오픈소스 패키지</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/codeigniter-%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4-php-%ed%94%84%eb%a0%88%ec%9e%84-%ec%9b%8c%ed%81%ac/' rel='bookmark' title='Permanent Link: CodeIgniter, 오픈소스 PHP 프레임 워크'>CodeIgniter, 오픈소스 PHP 프레임 워크</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/pchart-php-%ea%b8%b0%eb%b0%98%ec%9d%98-%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1-%ed%94%84%eb%a0%88%ec%9e%84-%ec%9b%8c%ed%81%ac/' rel='bookmark' title='Permanent Link: pChart, PHP 기반의 차트 생성 프레임 워크'>pChart, PHP 기반의 차트 생성 프레임 워크</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/symfony-mvc-%eb%94%94%ec%9e%90%ec%9d%b8-%ed%8c%a8%ed%84%b4%ec%9d%98-php-%ed%94%84%eb%a0%88%ec%9e%84-%ec%9b%8c%ed%81%ac/' rel='bookmark' title='Permanent Link: Symfony, MVC 디자인 패턴의 PHP 프레임 워크'>Symfony, MVC 디자인 패턴의 PHP 프레임 워크</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/03/xmoovstream-php-%ec%8a%a4%ed%8a%b8%eb%a6%ac%eb%b0%8d-%ec%84%9c%eb%b2%84/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plupload, 업로드를 위한 라이브러리</title>
		<link>http://www.webstorymaker.com/2010/02/plupload/</link>
		<comments>http://www.webstorymaker.com/2010/02/plupload/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 18:51:33 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[GPL]]></category>
		<category><![CDATA[그외 라이브러리 (Other Libraries)]]></category>
		<category><![CDATA[파일/DB 매니지먼트 (File/DB Management)]]></category>
		<category><![CDATA[Plupload]]></category>
		<category><![CDATA[업로드]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=1116</guid>
		<description><![CDATA[         


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2009/12/backpress-%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4%ec%9d%98-%ea%b8%b0%ec%b4%88%ed%86%a0%eb%8c%80%ea%b0%80-%eb%90%98%eb%8a%94-php-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac/' rel='bookmark' title='Permanent Link: BackPress, 워드프레스의 기초토대가 되는 PHP 라이브러리'>BackPress, 워드프레스의 기초토대가 되는 PHP 라이브러리</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/openfaces-ajax-%eb%a1%9c-%eb%ac%b4%ec%9e%a5%ed%95%9c-jsf-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac/' rel='bookmark' title='Permanent Link: OpenFaces, AJAX 로 무장한 JSF 라이브러리'>OpenFaces, AJAX 로 무장한 JSF 라이브러리</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
<li><a href='http://www.webstorymaker.com/2009/11/jquery-%eb%b9%a0%eb%a5%b8-%ea%b0%9c%eb%b0%9c%ec%9d%84-%ec%9c%84%ed%95%9c-%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac/' rel='bookmark' title='Permanent Link: jQuery, 빠른 개발을 위한 자바스크립트 라이브러리'>jQuery, 빠른 개발을 위한 자바스크립트 라이브러리</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/libchart-php-%ea%b8%b0%eb%b0%98%ec%9d%98-%ea%b7%b8%eb%9e%98%ed%94%84%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac/' rel='bookmark' title='Permanent Link: Libchart, PHP 기반의 그래프/차트 생성 라이브러리'>Libchart, PHP 기반의 그래프/차트 생성 라이브러리</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/t3t0gx-1ibBkALYJxLElBQ_kAr8/0/da"><img src="http://feedads.g.doubleclick.net/~a/t3t0gx-1ibBkALYJxLElBQ_kAr8/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/t3t0gx-1ibBkALYJxLElBQ_kAr8/1/da"><img src="http://feedads.g.doubleclick.net/~a/t3t0gx-1ibBkALYJxLElBQ_kAr8/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/02/pluploader.jpg" ><img class="alignnone size-full wp-image-1211" style="border: solid 1px #ccc;" title="pluploader" src="http://www.webstorymaker.com/wp-content/uploads/2010/02/pluploader.jpg" alt="Pluploader" width="707" height="303" /></a></p>
<p>위지윅 (WYSIWYG) 에디터를 사용하다 보면 이미지나 파일의 업로드가 자유롭지 못함에 답답함을 느끼신 적이 있으실 것입니다. Plupload 는 이러한 불편을 덜기 위해 HTML 5 Gears, 실버라이트, 플래시, 브라우저플러스 또는 일반적 form 에 특별한 기능들을 부여해 주어 업로드 상태표시, 이미지 사이즈 조절, 또는 한꺼번에 여러 파일을 동시에 올릴 수 있도록 더해줍니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /> <a rel="nofollow" target="_blank" href="http://www.plupload.com/index.php"  target="_blank">Plupload 웹사이트</a><br />
<img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/demo.png" alt="" /> <a rel="nofollow" target="_blank" href="http://www.plupload.com/example_queuewidget.php"  target="_blank">데모</a><br />
라이센스: GPLv2</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2009/12/backpress-%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4%ec%9d%98-%ea%b8%b0%ec%b4%88%ed%86%a0%eb%8c%80%ea%b0%80-%eb%90%98%eb%8a%94-php-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac/' rel='bookmark' title='Permanent Link: BackPress, 워드프레스의 기초토대가 되는 PHP 라이브러리'>BackPress, 워드프레스의 기초토대가 되는 PHP 라이브러리</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/openfaces-ajax-%eb%a1%9c-%eb%ac%b4%ec%9e%a5%ed%95%9c-jsf-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac/' rel='bookmark' title='Permanent Link: OpenFaces, AJAX 로 무장한 JSF 라이브러리'>OpenFaces, AJAX 로 무장한 JSF 라이브러리</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
<li><a href='http://www.webstorymaker.com/2009/11/jquery-%eb%b9%a0%eb%a5%b8-%ea%b0%9c%eb%b0%9c%ec%9d%84-%ec%9c%84%ed%95%9c-%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac/' rel='bookmark' title='Permanent Link: jQuery, 빠른 개발을 위한 자바스크립트 라이브러리'>jQuery, 빠른 개발을 위한 자바스크립트 라이브러리</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/libchart-php-%ea%b8%b0%eb%b0%98%ec%9d%98-%ea%b7%b8%eb%9e%98%ed%94%84%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac/' rel='bookmark' title='Permanent Link: Libchart, PHP 기반의 그래프/차트 생성 라이브러리'>Libchart, PHP 기반의 그래프/차트 생성 라이브러리</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/02/plupload/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Sypex Dumper 2, 데이터베이스 백업을 손쉽게..</title>
		<link>http://www.webstorymaker.com/2010/02/sypex-dumper-2-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4-%eb%b0%b1%ec%97%85%ec%9d%84-%ec%86%90%ec%89%bd%ea%b2%8c/</link>
		<comments>http://www.webstorymaker.com/2010/02/sypex-dumper-2-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4-%eb%b0%b1%ec%97%85%ec%9d%84-%ec%86%90%ec%89%bd%ea%b2%8c/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 00:59:26 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[BSD]]></category>
		<category><![CDATA[설치형 (Installation Type)]]></category>
		<category><![CDATA[파일/DB 매니지먼트 (File/DB Management)]]></category>
		<category><![CDATA[database backup]]></category>
		<category><![CDATA[db backup]]></category>
		<category><![CDATA[mysql backup]]></category>
		<category><![CDATA[sypex dumper 2]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=1200</guid>
		<description><![CDATA[데이터베이스를 사용하는 웹사이트 혹은 웹 어플리케이션을 관리하는 데에 있어 MySQL 데이터베이스 백업은 매우 중요하지 않을 수 없습니다. 자칫 잘못했다가 데이터베이스를 망가뜨리는 경우에는 복구가 불가능하기 때문입니다. Sypex Dumper 2 는 DB를 Dump 하여 백업할 수 있도록 해주며 100 MB 가 넘는 데이터베이스까지 백업할 수 있도록 돕습니다. 또한 Command line 콘솔도 사용이 가능하며 Cron 작업으로 주기적인 업무도 [...]


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2009/12/sql-buddy-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4-%ea%b4%80%eb%a6%ac%eb%8f%84%ea%b5%ac/' rel='bookmark' title='Permanent Link: SQL Buddy, 데이터베이스 관리도구'>SQL Buddy, 데이터베이스 관리도구</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/6SzncSN83G_C3R31LkppDW5SwFE/0/da"><img src="http://feedads.g.doubleclick.net/~a/6SzncSN83G_C3R31LkppDW5SwFE/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/6SzncSN83G_C3R31LkppDW5SwFE/1/da"><img src="http://feedads.g.doubleclick.net/~a/6SzncSN83G_C3R31LkppDW5SwFE/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/02/sqldumper.jpg" ><img class="alignnone size-full wp-image-1208" style="border: solid 1px #ccc;" title="sqldumper" src="http://www.webstorymaker.com/wp-content/uploads/2010/02/sqldumper.jpg" alt="sypex dumper 2" width="707" height="303" /></a></p>
<p>데이터베이스를 사용하는 웹사이트 혹은 웹 어플리케이션을 관리하는 데에 있어 MySQL 데이터베이스 백업은 매우 중요하지 않을 수 없습니다. 자칫 잘못했다가 데이터베이스를 망가뜨리는 경우에는 복구가 불가능하기 때문입니다. Sypex Dumper 2 는 DB를 Dump 하여 백업할 수 있도록 해주며 100 MB 가 넘는 데이터베이스까지 백업할 수 있도록 돕습니다. 또한 Command line 콘솔도 사용이 가능하며 Cron 작업으로 주기적인 업무도 수행을 가능하게 해줍니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /> <a rel="nofollow" target="_blank" href="http://sypex.net/en/"  target="_blank">Sypex Dumper 2</a><br />
라이센스: BSD</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2009/12/sql-buddy-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4-%ea%b4%80%eb%a6%ac%eb%8f%84%ea%b5%ac/' rel='bookmark' title='Permanent Link: SQL Buddy, 데이터베이스 관리도구'>SQL Buddy, 데이터베이스 관리도구</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/02/sypex-dumper-2-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4-%eb%b0%b1%ec%97%85%ec%9d%84-%ec%86%90%ec%89%bd%ea%b2%8c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자</title>
		<link>http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/</link>
		<comments>http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 21:52:29 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[GPL]]></category>
		<category><![CDATA[MIT]]></category>
		<category><![CDATA[레이아웃 (Layout)]]></category>
		<category><![CDATA[플러그인 (Plug-in)]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[Quicksand Plugin]]></category>
		<category><![CDATA[정렬]]></category>
		<category><![CDATA[필터링]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=1201</guid>
		<description><![CDATA[Mac 유저들에게 익숙한 셔플 애니메이션을 웹에서도 쉽게 구현할 수 있게 되었습니다. jQuery Quicksand 플러그인은 자바스크립트 애니메이션을 사용하여 아이템을 정렬하거나 필터링 할시에 효과를 줄 수 있도록 해줍니다. 직접 데모를 통해 확인해 보시기 바랍니다. jQuery Quicksand Plugin 라이센스: GPL, MIT 연관된 포스트:Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자! Before/After jQuery Plugin Ajax Fancy Captcha, 화려한 캡차 [...]


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/google-maps-jquery-plugin-%ea%b5%ac%ea%b8%80-%eb%a7%b5%ec%9d%84-%ec%89%bd%ea%b2%8c-%ec%97%b0%eb%8f%99%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!'>Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/beforeafter-jquery-plugin/' rel='bookmark' title='Permanent Link: Before/After jQuery Plugin'>Before/After jQuery Plugin</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/ajax-fancy-captcha-jquery-plugin/' rel='bookmark' title='Permanent Link: Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin'>Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/masonry-%eb%a0%88%ec%9d%b4%ec%95%84%ec%9b%83-%ec%a0%95%eb%a0%ac%ec%9d%84-%ec%9c%84%ed%95%9c-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: Masonry, 레이아웃 정렬을 위한 jQuery 플러그인'>Masonry, 레이아웃 정렬을 위한 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/feature-list-jquery-plugin-%ea%b4%91%ea%b3%a0%ed%8c%a8%eb%84%90-%eb%a7%8c%eb%93%a4%ea%b8%b0/' rel='bookmark' title='Permanent Link: Feature List, jQuery Plugin 광고패널 만들기'>Feature List, jQuery Plugin 광고패널 만들기</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/p8oYqYaoHhJUOkVR1pb_uNn9TZ0/0/da"><img src="http://feedads.g.doubleclick.net/~a/p8oYqYaoHhJUOkVR1pb_uNn9TZ0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/p8oYqYaoHhJUOkVR1pb_uNn9TZ0/1/da"><img src="http://feedads.g.doubleclick.net/~a/p8oYqYaoHhJUOkVR1pb_uNn9TZ0/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/02/quicksand.jpg" ><img class="alignnone size-full wp-image-1205" style="border: solid 1px #ccc;" title="quicksand" src="http://www.webstorymaker.com/wp-content/uploads/2010/02/quicksand.jpg" alt="jquery quicksand plugin" width="707" height="303" /></a></p>
<p>Mac 유저들에게 익숙한 셔플 애니메이션을 웹에서도 쉽게 구현할 수 있게 되었습니다. jQuery Quicksand 플러그인은 자바스크립트 애니메이션을 사용하여 아이템을 정렬하거나 필터링 할시에 효과를 줄 수 있도록 해줍니다. 직접 <a rel="nofollow" target="_blank" href="http://razorjack.net/quicksand/"  target="_blank">데모</a>를 통해 확인해 보시기 바랍니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /> <a rel="nofollow" target="_blank" href="http://razorjack.net/quicksand/"  target="_blank">jQuery Quicksand Plugin</a><br />
라이센스: GPL, MIT</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/google-maps-jquery-plugin-%ea%b5%ac%ea%b8%80-%eb%a7%b5%ec%9d%84-%ec%89%bd%ea%b2%8c-%ec%97%b0%eb%8f%99%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!'>Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/beforeafter-jquery-plugin/' rel='bookmark' title='Permanent Link: Before/After jQuery Plugin'>Before/After jQuery Plugin</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/ajax-fancy-captcha-jquery-plugin/' rel='bookmark' title='Permanent Link: Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin'>Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/masonry-%eb%a0%88%ec%9d%b4%ec%95%84%ec%9b%83-%ec%a0%95%eb%a0%ac%ec%9d%84-%ec%9c%84%ed%95%9c-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: Masonry, 레이아웃 정렬을 위한 jQuery 플러그인'>Masonry, 레이아웃 정렬을 위한 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/feature-list-jquery-plugin-%ea%b4%91%ea%b3%a0%ed%8c%a8%eb%84%90-%eb%a7%8c%eb%93%a4%ea%b8%b0/' rel='bookmark' title='Permanent Link: Feature List, jQuery Plugin 광고패널 만들기'>Feature List, jQuery Plugin 광고패널 만들기</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery Form Wizard, 폼필드를 마법사로…</title>
		<link>http://www.webstorymaker.com/2010/02/jquery-form-wizard-%ed%8f%bc%ed%95%84%eb%93%9c%eb%a5%bc-%eb%a7%88%eb%b2%95%ec%82%ac%eb%a1%9c/</link>
		<comments>http://www.webstorymaker.com/2010/02/jquery-form-wizard-%ed%8f%bc%ed%95%84%eb%93%9c%eb%a5%bc-%eb%a7%88%eb%b2%95%ec%82%ac%eb%a1%9c/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 18:57:43 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[GPL]]></category>
		<category><![CDATA[MIT]]></category>
		<category><![CDATA[플러그인 (Plug-in)]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[Wizard]]></category>
		<category><![CDATA[마법사]]></category>
		<category><![CDATA[폼필드]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=1164</guid>
		<description><![CDATA[사용자 편의의 인터페이스를 생각하다 보면 길게 늘어진 양식서를 사용하면 안된다는 것을 잘 알게 됩니다. 그 불편함을 없애기 위해 jQuery Form Wizard 는 사용자의 input 을 윈도우의 마법사와 같이 여러 단계에 거쳐서 입력할 수 있도록 만들어 줍니다. 더불어 Validation Plugin 을 사용하면 클라이언트 사이드(client-side)에서 사용자 양식서에 사용자의 입력을 확인할 수 있는 멋진 양식서를 만들 수 있습니다. [...]


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/01/form-tips-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%9e%85%eb%a0%a5%eb%9e%80%ec%97%90-%ec%9b%8c%ed%84%b0%eb%a7%88%ed%81%ac-%ed%9a%a8%ea%b3%bc%eb%a5%bc-%ec%a3%bc%eb%8a%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8/' rel='bookmark' title='Permanent Link: Form Tips, 텍스트 입력란에 워터마크 효과를 주는 jQuery 플러그인'>Form Tips, 텍스트 입력란에 워터마크 효과를 주는 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/ajax-fancy-captcha-jquery-plugin/' rel='bookmark' title='Permanent Link: Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin'>Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/google-maps-jquery-plugin-%ea%b5%ac%ea%b8%80-%eb%a7%b5%ec%9d%84-%ec%89%bd%ea%b2%8c-%ec%97%b0%eb%8f%99%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!'>Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자'>jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/autosuggest-%ea%b2%80%ec%83%89%ec%9d%98-%eb%8f%84%ec%9b%80%ec%9d%84-%ec%a3%bc%eb%8a%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: AutoSuggest, 검색의 날개를 달자 (jQuery 플러그인)'>AutoSuggest, 검색의 날개를 달자 (jQuery 플러그인)</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/vieJQ8c7hsvZBdUzFcb3Q2Gjzos/0/da"><img src="http://feedads.g.doubleclick.net/~a/vieJQ8c7hsvZBdUzFcb3Q2Gjzos/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/vieJQ8c7hsvZBdUzFcb3Q2Gjzos/1/da"><img src="http://feedads.g.doubleclick.net/~a/vieJQ8c7hsvZBdUzFcb3Q2Gjzos/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/02/formwizard.jpg" ><img class="alignnone size-full wp-image-1191" style="border: solid 1px #ccc;" title="formwizard" src="http://www.webstorymaker.com/wp-content/uploads/2010/02/formwizard.jpg" alt="jQuery Form Wizard" width="707" height="303" /></a></p>
<p>사용자 편의의 인터페이스를 생각하다 보면 길게 늘어진 양식서를 사용하면 안된다는 것을 잘 알게 됩니다. 그 불편함을 없애기 위해 <a rel="nofollow" target="_blank" href="http://thecodemine.org/"  target="_blank">jQuery Form Wizard</a> 는 사용자의 input 을 윈도우의 마법사와 같이 여러 단계에 거쳐서 입력할 수 있도록 만들어 줍니다. 더불어 <a rel="nofollow" target="_blank" href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/"  target="_blank">Validation Plugin</a> 을 사용하면 클라이언트 사이드(client-side)에서 사용자 양식서에 사용자의 입력을 확인할 수 있는 멋진 양식서를 만들 수 있습니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /><a rel="nofollow" target="_blank" href="http://thecodemine.org/"  target="_blank"> jQuery Form Wizard 웹사이트</a><br />
라이센스: MIT, GPL</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/01/form-tips-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%9e%85%eb%a0%a5%eb%9e%80%ec%97%90-%ec%9b%8c%ed%84%b0%eb%a7%88%ed%81%ac-%ed%9a%a8%ea%b3%bc%eb%a5%bc-%ec%a3%bc%eb%8a%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8/' rel='bookmark' title='Permanent Link: Form Tips, 텍스트 입력란에 워터마크 효과를 주는 jQuery 플러그인'>Form Tips, 텍스트 입력란에 워터마크 효과를 주는 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/ajax-fancy-captcha-jquery-plugin/' rel='bookmark' title='Permanent Link: Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin'>Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/google-maps-jquery-plugin-%ea%b5%ac%ea%b8%80-%eb%a7%b5%ec%9d%84-%ec%89%bd%ea%b2%8c-%ec%97%b0%eb%8f%99%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!'>Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자'>jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/autosuggest-%ea%b2%80%ec%83%89%ec%9d%98-%eb%8f%84%ec%9b%80%ec%9d%84-%ec%a3%bc%eb%8a%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: AutoSuggest, 검색의 날개를 달자 (jQuery 플러그인)'>AutoSuggest, 검색의 날개를 달자 (jQuery 플러그인)</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/02/jquery-form-wizard-%ed%8f%bc%ed%95%84%eb%93%9c%eb%a5%bc-%eb%a7%88%eb%b2%95%ec%82%ac%eb%a1%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQSlickWrap, 텍스트 컨텐츠를 이미지 주변에 둘러쌓이게 하자</title>
		<link>http://www.webstorymaker.com/2010/02/jqslickwrap-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%9d%b4%eb%af%b8%ec%a7%80-%ec%a3%bc%eb%b3%80%ec%97%90-%eb%91%98%eb%9f%ac%ec%8c%93%ec%9d%b4%ea%b2%8c-%ed%95%98%ec%9e%90/</link>
		<comments>http://www.webstorymaker.com/2010/02/jqslickwrap-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%9d%b4%eb%af%b8%ec%a7%80-%ec%a3%bc%eb%b3%80%ec%97%90-%eb%91%98%eb%9f%ac%ec%8c%93%ec%9d%b4%ea%b2%8c-%ed%95%98%ec%9e%90/#comments</comments>
		<pubDate>Wed, 17 Feb 2010 21:32:02 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[GPL]]></category>
		<category><![CDATA[MIT]]></category>
		<category><![CDATA[레이아웃 (Layout)]]></category>
		<category><![CDATA[플러그인 (Plug-in)]]></category>
		<category><![CDATA[jQSlickWrap]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=1167</guid>
		<description><![CDATA[jQSlickWrap 은 이미지 주변을 컨텐츠로 둘러싸이게끔 해주는 jQuery 플러그인입니다. 적용이 가능한 브라우저는 사파리 4+, 구글 크롬, 파이어폭스 3.5+ 로 제한이 되어 있지만 이미지를 HTML 5의 canvas 속성을 이용하여 변환을 줍니다. 뿐만 아니라 여러가지 속성을 적용하여 배경 색을 바꾼다던가 padding 의 사이즈를 조절하는 등의 기능도 갖추고 있습니다. jQSlickWrap 웹사이트 라이센스: MIT, GPL 연관된 포스트:Pageslide, 페이지 슬라이드로 [...]


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/pageslide-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%93%9c%eb%a1%9c-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ed%92%8d%eb%b6%80%ed%95%98%ea%b2%8c/' rel='bookmark' title='Permanent Link: Pageslide, 페이지 슬라이드로 컨텐츠를 풍부하게&#8230;'>Pageslide, 페이지 슬라이드로 컨텐츠를 풍부하게&#8230;</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/form-tips-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%9e%85%eb%a0%a5%eb%9e%80%ec%97%90-%ec%9b%8c%ed%84%b0%eb%a7%88%ed%81%ac-%ed%9a%a8%ea%b3%bc%eb%a5%bc-%ec%a3%bc%eb%8a%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8/' rel='bookmark' title='Permanent Link: Form Tips, 텍스트 입력란에 워터마크 효과를 주는 jQuery 플러그인'>Form Tips, 텍스트 입력란에 워터마크 효과를 주는 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/coda-slider-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%93%9c%ed%98%95%ec%9c%bc%eb%a1%9c-%eb%a7%8c%eb%93%a4%ec%9e%90/' rel='bookmark' title='Permanent Link: Coda-Slider, 컨텐츠를 슬라이드형으로 만들자!'>Coda-Slider, 컨텐츠를 슬라이드형으로 만들자!</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/captify-jquery-plugin-%ec%9d%b4%eb%af%b8%ec%a7%80%ec%97%90-%eb%8c%80%ed%95%9c-%ec%84%a4%eb%aa%85%ec%9d%84-%ec%9d%b4%eb%af%b8%ec%a7%80-%ec%9c%84%ec%97%90/' rel='bookmark' title='Permanent Link: Captify, 이미지에 대한 설명을 이미지 위에&#8230;'>Captify, 이미지에 대한 설명을 이미지 위에&#8230;</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/livefilter-%eb%a6%ac%ec%8a%a4%ed%8a%b8%eb%a5%bc-%ec%8b%a4%ec%8b%9c%ea%b0%84%ec%9c%bc%eb%a1%9c-%ed%95%84%ed%84%b0%eb%a7%81/' rel='bookmark' title='Permanent Link: LiveFilter, 리스트를 실시간으로 필터링'>LiveFilter, 리스트를 실시간으로 필터링</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/eXbIrDt9EIynGQtY1CZEaYVCiS8/0/da"><img src="http://feedads.g.doubleclick.net/~a/eXbIrDt9EIynGQtY1CZEaYVCiS8/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/eXbIrDt9EIynGQtY1CZEaYVCiS8/1/da"><img src="http://feedads.g.doubleclick.net/~a/eXbIrDt9EIynGQtY1CZEaYVCiS8/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/02/jqslickwrap.jpg" ><img class="alignnone size-full wp-image-1183" style="border: solid 1px #ccc;" title="jqslickwrap" src="http://www.webstorymaker.com/wp-content/uploads/2010/02/jqslickwrap.jpg" alt="jqSlickWrap 이미지" width="707" height="303" /></a></p>
<p>jQSlickWrap 은 이미지 주변을 컨텐츠로 둘러싸이게끔 해주는 jQuery 플러그인입니다.</p>
<p>적용이 가능한 브라우저는 사파리 4+, 구글 크롬, 파이어폭스 3.5+ 로 제한이 되어 있지만 이미지를 HTML 5의 canvas 속성을 이용하여 변환을 줍니다. 뿐만 아니라 여러가지 속성을 적용하여 배경 색을 바꾼다던가 padding 의 사이즈를 조절하는 등의 기능도 갖추고 있습니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /> <a rel="nofollow" target="_blank" href="http://jwf.us/projects/jQSlickWrap/"  target="_blank">jQSlickWrap 웹사이트</a><br />
라이센스: MIT, GPL</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/pageslide-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%93%9c%eb%a1%9c-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ed%92%8d%eb%b6%80%ed%95%98%ea%b2%8c/' rel='bookmark' title='Permanent Link: Pageslide, 페이지 슬라이드로 컨텐츠를 풍부하게&#8230;'>Pageslide, 페이지 슬라이드로 컨텐츠를 풍부하게&#8230;</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/form-tips-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%9e%85%eb%a0%a5%eb%9e%80%ec%97%90-%ec%9b%8c%ed%84%b0%eb%a7%88%ed%81%ac-%ed%9a%a8%ea%b3%bc%eb%a5%bc-%ec%a3%bc%eb%8a%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8/' rel='bookmark' title='Permanent Link: Form Tips, 텍스트 입력란에 워터마크 효과를 주는 jQuery 플러그인'>Form Tips, 텍스트 입력란에 워터마크 효과를 주는 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/coda-slider-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%93%9c%ed%98%95%ec%9c%bc%eb%a1%9c-%eb%a7%8c%eb%93%a4%ec%9e%90/' rel='bookmark' title='Permanent Link: Coda-Slider, 컨텐츠를 슬라이드형으로 만들자!'>Coda-Slider, 컨텐츠를 슬라이드형으로 만들자!</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/captify-jquery-plugin-%ec%9d%b4%eb%af%b8%ec%a7%80%ec%97%90-%eb%8c%80%ed%95%9c-%ec%84%a4%eb%aa%85%ec%9d%84-%ec%9d%b4%eb%af%b8%ec%a7%80-%ec%9c%84%ec%97%90/' rel='bookmark' title='Permanent Link: Captify, 이미지에 대한 설명을 이미지 위에&#8230;'>Captify, 이미지에 대한 설명을 이미지 위에&#8230;</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/livefilter-%eb%a6%ac%ec%8a%a4%ed%8a%b8%eb%a5%bc-%ec%8b%a4%ec%8b%9c%ea%b0%84%ec%9c%bc%eb%a1%9c-%ed%95%84%ed%84%b0%eb%a7%81/' rel='bookmark' title='Permanent Link: LiveFilter, 리스트를 실시간으로 필터링'>LiveFilter, 리스트를 실시간으로 필터링</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/02/jqslickwrap-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%9d%b4%eb%af%b8%ec%a7%80-%ec%a3%bc%eb%b3%80%ec%97%90-%eb%91%98%eb%9f%ac%ec%8c%93%ec%9d%b4%ea%b2%8c-%ed%95%98%ec%9e%90/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jquery.showcase, 사용자 구미에 맞는 쇼케이스 제작</title>
		<link>http://www.webstorymaker.com/2010/02/jquery-showcase-%ec%82%ac%ec%9a%a9%ec%9e%90-%ea%b5%ac%eb%af%b8%ec%97%90-%eb%a7%9e%eb%8a%94-%ec%87%bc%ec%bc%80%ec%9d%b4%ec%8a%a4-%ec%a0%9c%ec%9e%91/</link>
		<comments>http://www.webstorymaker.com/2010/02/jquery-showcase-%ec%82%ac%ec%9a%a9%ec%9e%90-%ea%b5%ac%eb%af%b8%ec%97%90-%eb%a7%9e%eb%8a%94-%ec%87%bc%ec%bc%80%ec%9d%b4%ec%8a%a4-%ec%a0%9c%ec%9e%91/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 23:43:16 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[GPL]]></category>
		<category><![CDATA[MIT]]></category>
		<category><![CDATA[쇼케이스 (Showcase)]]></category>
		<category><![CDATA[플러그인 (Plug-in)]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[jquery.showcase]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=1168</guid>
		<description><![CDATA[이제는 웹사이트에 다이나믹한 컨텐츠 디스플레이 없이는 지루함을 느끼는 사용자들이 많을 것입니다. jQuery.showcase 플러그인은 jQuery 자바스크립트 라이브러리 사용자들을 위한 플러그인으로 사용자 구미에 맞는 슬라이드 쇼케이스를 만들 수 있습니다. jquery.showcase 웹사이트에서 제공되는 다양한 데모를 보면 알 수 있듯이 약간의 코드 수정만으로도 다양한 효과를 연출하는 쇼케이스를 만들 수 있게 됩니다. jquery.showcase 웹사이트 데모 라이센스: MIT, GPL 연관된 포스트:jQuery [...]


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자'>jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/jquery-form-wizard-%ed%8f%bc%ed%95%84%eb%93%9c%eb%a5%bc-%eb%a7%88%eb%b2%95%ec%82%ac%eb%a1%9c/' rel='bookmark' title='Permanent Link: jQuery Form Wizard, 폼필드를 마법사로&#8230;'>jQuery Form Wizard, 폼필드를 마법사로&#8230;</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/tiptip-%eb%b8%8c%eb%9d%bc%ec%9a%b0%ec%a0%80%ec%9d%98-%ed%88%b4%ed%8c%81%ea%b3%bc-%ea%b0%99%ec%9d%80-%ed%88%b4%ed%8c%81-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: TipTip, 브라우저의 툴팁과 같은 툴팁 jQuery 플러그인'>TipTip, 브라우저의 툴팁과 같은 툴팁 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/feature-list-jquery-plugin-%ea%b4%91%ea%b3%a0%ed%8c%a8%eb%84%90-%eb%a7%8c%eb%93%a4%ea%b8%b0/' rel='bookmark' title='Permanent Link: Feature List, jQuery Plugin 광고패널 만들기'>Feature List, jQuery Plugin 광고패널 만들기</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/tuftegraph-%ea%b0%84%ed%8e%b8%ed%95%98%ea%b2%8c-%ea%b7%b8%eb%9e%98%ed%94%84%eb%a5%bc-%ec%83%9d%ec%84%b1%ed%95%a0-%ec%88%98-%ec%9e%88%eb%8a%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: TufteGraph, 간편하게 그래프를 생성할 수 있는 jQuery 플러그인'>TufteGraph, 간편하게 그래프를 생성할 수 있는 jQuery 플러그인</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/TH2Ni7lfM79GnaCme4dfNDsCCuo/0/da"><img src="http://feedads.g.doubleclick.net/~a/TH2Ni7lfM79GnaCme4dfNDsCCuo/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/TH2Ni7lfM79GnaCme4dfNDsCCuo/1/da"><img src="http://feedads.g.doubleclick.net/~a/TH2Ni7lfM79GnaCme4dfNDsCCuo/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/02/showcase.jpg" ><img class="alignnone size-full wp-image-1181" style="border: 1px solid #cccccc;" title="showcase" src="http://www.webstorymaker.com/wp-content/uploads/2010/02/showcase.jpg" alt="jquery.showcase 웹사이트" width="707" height="303" /></a></p>
<p>이제는 웹사이트에 다이나믹한 컨텐츠 디스플레이 없이는 지루함을 느끼는 사용자들이 많을 것입니다. jQuery.showcase 플러그인은 jQuery 자바스크립트 라이브러리 사용자들을 위한 플러그인으로 사용자 구미에 맞는 슬라이드 쇼케이스를 만들 수 있습니다. <a rel="nofollow" target="_blank" href="http://www.recoding.it/wp-content/uploads/demos/showcase-demo.htm"  target="_blank">jquery.showcase 웹사이트</a>에서 제공되는 다양한 데모를 보면 알 수 있듯이 약간의 코드 수정만으로도 다양한 효과를 연출하는 쇼케이스를 만들 수 있게 됩니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /><a rel="nofollow" target="_blank" href="http://www.recoding.it/wp-content/uploads/demos/showcase-demo.htm"  target="_blank"> jquery.showcase 웹사이트</a><br />
<a rel="nofollow" target="_blank" href="http://www.recoding.it/wp-content/uploads/demos/showcase-demo-1.htm"  target="_blank"><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/demo.png" alt="" /> 데모</a><br />
라이센스: MIT, GPL</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자'>jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/jquery-form-wizard-%ed%8f%bc%ed%95%84%eb%93%9c%eb%a5%bc-%eb%a7%88%eb%b2%95%ec%82%ac%eb%a1%9c/' rel='bookmark' title='Permanent Link: jQuery Form Wizard, 폼필드를 마법사로&#8230;'>jQuery Form Wizard, 폼필드를 마법사로&#8230;</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/tiptip-%eb%b8%8c%eb%9d%bc%ec%9a%b0%ec%a0%80%ec%9d%98-%ed%88%b4%ed%8c%81%ea%b3%bc-%ea%b0%99%ec%9d%80-%ed%88%b4%ed%8c%81-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: TipTip, 브라우저의 툴팁과 같은 툴팁 jQuery 플러그인'>TipTip, 브라우저의 툴팁과 같은 툴팁 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/feature-list-jquery-plugin-%ea%b4%91%ea%b3%a0%ed%8c%a8%eb%84%90-%eb%a7%8c%eb%93%a4%ea%b8%b0/' rel='bookmark' title='Permanent Link: Feature List, jQuery Plugin 광고패널 만들기'>Feature List, jQuery Plugin 광고패널 만들기</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/tuftegraph-%ea%b0%84%ed%8e%b8%ed%95%98%ea%b2%8c-%ea%b7%b8%eb%9e%98%ed%94%84%eb%a5%bc-%ec%83%9d%ec%84%b1%ed%95%a0-%ec%88%98-%ec%9e%88%eb%8a%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: TufteGraph, 간편하게 그래프를 생성할 수 있는 jQuery 플러그인'>TufteGraph, 간편하게 그래프를 생성할 수 있는 jQuery 플러그인</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/02/jquery-showcase-%ec%82%ac%ec%9a%a9%ec%9e%90-%ea%b5%ac%eb%af%b8%ec%97%90-%eb%a7%9e%eb%8a%94-%ec%87%bc%ec%bc%80%ec%9d%b4%ec%8a%a4-%ec%a0%9c%ec%9e%91/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MagicLine Navigation, 애니메이션 메뉴로 사용자에게 어필하기</title>
		<link>http://www.webstorymaker.com/2010/02/magicline-navigation-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%eb%a9%94%eb%89%b4%eb%a1%9c-%ec%82%ac%ec%9a%a9%ec%9e%90%ec%97%90%ea%b2%8c-%ec%96%b4%ed%95%84%ed%95%98%ea%b8%b0/</link>
		<comments>http://www.webstorymaker.com/2010/02/magicline-navigation-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%eb%a9%94%eb%89%b4%eb%a1%9c-%ec%82%ac%ec%9a%a9%ec%9e%90%ec%97%90%ea%b2%8c-%ec%96%b4%ed%95%84%ed%95%98%ea%b8%b0/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 22:46:13 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[GPL]]></category>
		<category><![CDATA[MIT]]></category>
		<category><![CDATA[일반 (General)]]></category>
		<category><![CDATA[플러그인 (Plug-in)]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[MagicLine Navigation]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[메뉴]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=1163</guid>
		<description><![CDATA[웹 개발자라면 누구나 서핑중에 발견하게 되는 멋진 메뉴바를 보면 제작하고 싶은 충동이 생겼을 것입니다. MagicLine 네비게이션 메뉴는 jQuery 플러그인으로 마우스를 메뉴에 올리면 백그라운드에 애니메이션이 생겨 현재의 커서 위치를 나타내 주는 효과를 만들어줍니다. MagicLine Navigation 웹사이트 MagicLine Navigation 데모 라이센스: GPL, MIT 연관된 포스트:HoverFlow, 애니메이션 큐 방지 플러그인 SundayMorning, 화려한 번역을 위한 jQuery 플러그인 bxSlider, 컨텐츠 [...]


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2009/12/hoverflow-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ed%81%90-%eb%b0%a9%ec%a7%80-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: HoverFlow, 애니메이션 큐 방지 플러그인'>HoverFlow, 애니메이션 큐 방지 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/sundaymorning-%ed%99%94%eb%a0%a4%ed%95%9c-%eb%b2%88%ec%97%ad%ec%9d%84-%ec%9c%84%ed%95%9c-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: SundayMorning, 화려한 번역을 위한 jQuery 플러그인'>SundayMorning, 화려한 번역을 위한 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/bxslider-%ec%bb%a8%ed%85%90%ec%b8%a0-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%8d%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: bxSlider, 컨텐츠 슬라이더 jQuery 플러그인'>bxSlider, 컨텐츠 슬라이더 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/jquery-highlighter-%eb%a0%88%ec%9d%b4%ec%95%84%ec%9b%83-%ed%95%98%ec%9d%bc%eb%9d%bc%ec%9d%b4%ed%8a%b8-%ea%b8%b0%eb%8a%a5/' rel='bookmark' title='Permanent Link: jQuery Highlighter, 레이아웃 하일라이트 기능'>jQuery Highlighter, 레이아웃 하일라이트 기능</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/yF9X_4xwFxzk2O2msgnAtD4p2wQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/yF9X_4xwFxzk2O2msgnAtD4p2wQ/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/yF9X_4xwFxzk2O2msgnAtD4p2wQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/yF9X_4xwFxzk2O2msgnAtD4p2wQ/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/02/magicline.jpg" ><img class="alignnone size-full wp-image-1178" style="border: solid 1px #ccc;" title="magicline" src="http://www.webstorymaker.com/wp-content/uploads/2010/02/magicline.jpg" alt="MagicLine Navigation 이미지" width="707" height="303" /></a></p>
<p>웹 개발자라면 누구나 서핑중에 발견하게 되는 멋진 메뉴바를 보면 제작하고 싶은 충동이 생겼을 것입니다. MagicLine 네비게이션 메뉴는 jQuery 플러그인으로 마우스를 메뉴에 올리면 백그라운드에 애니메이션이 생겨 현재의 커서 위치를 나타내 주는 효과를 만들어줍니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /> <a rel="nofollow" target="_blank" href="http://css-tricks.com/jquery-magicline-navigation/"  target="_blank">MagicLine Navigation 웹사이트</a><br />
<img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/demo.png" alt="" /> <a rel="nofollow" target="_blank" href="http://css-tricks.com/examples/MagicLine/"  target="_blank">MagicLine Navigation 데모</a><br />
라이센스: GPL, MIT</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2009/12/hoverflow-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ed%81%90-%eb%b0%a9%ec%a7%80-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: HoverFlow, 애니메이션 큐 방지 플러그인'>HoverFlow, 애니메이션 큐 방지 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/sundaymorning-%ed%99%94%eb%a0%a4%ed%95%9c-%eb%b2%88%ec%97%ad%ec%9d%84-%ec%9c%84%ed%95%9c-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: SundayMorning, 화려한 번역을 위한 jQuery 플러그인'>SundayMorning, 화려한 번역을 위한 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/bxslider-%ec%bb%a8%ed%85%90%ec%b8%a0-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%8d%94-jquery-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8/' rel='bookmark' title='Permanent Link: bxSlider, 컨텐츠 슬라이더 jQuery 플러그인'>bxSlider, 컨텐츠 슬라이더 jQuery 플러그인</a></li>
<li><a href='http://www.webstorymaker.com/2009/12/search-and-share-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%89%bd%ea%b2%8c-%ea%b3%b5%ec%9c%a0/' rel='bookmark' title='Permanent Link: Search And Share, 사이트의 컨텐츠를 쉽게 공유'>Search And Share, 사이트의 컨텐츠를 쉽게 공유</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/jquery-highlighter-%eb%a0%88%ec%9d%b4%ec%95%84%ec%9b%83-%ed%95%98%ec%9d%bc%eb%9d%bc%ec%9d%b4%ed%8a%b8-%ea%b8%b0%eb%8a%a5/' rel='bookmark' title='Permanent Link: jQuery Highlighter, 레이아웃 하일라이트 기능'>jQuery Highlighter, 레이아웃 하일라이트 기능</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/02/magicline-navigation-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%eb%a9%94%eb%89%b4%eb%a1%9c-%ec%82%ac%ec%9a%a9%ec%9e%90%ec%97%90%ea%b2%8c-%ec%96%b4%ed%95%84%ed%95%98%ea%b8%b0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pageslide, 페이지 슬라이드로 컨텐츠를 풍부하게…</title>
		<link>http://www.webstorymaker.com/2010/02/pageslide-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%93%9c%eb%a1%9c-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ed%92%8d%eb%b6%80%ed%95%98%ea%b2%8c/</link>
		<comments>http://www.webstorymaker.com/2010/02/pageslide-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%93%9c%eb%a1%9c-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ed%92%8d%eb%b6%80%ed%95%98%ea%b2%8c/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 18:49:05 +0000</pubDate>
		<dc:creator>WebStoryMaker</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[GPL]]></category>
		<category><![CDATA[MIT]]></category>
		<category><![CDATA[레이아웃 (Layout)]]></category>
		<category><![CDATA[플러그인 (Plug-in)]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[Pageslide]]></category>
		<category><![CDATA[레이아웃]]></category>

		<guid isPermaLink="false">http://www.webstorymaker.com/?p=1166</guid>
		<description><![CDATA[웹페이지를 만들다 보면 컨텐츠를 한 페이지에 표현하기 어려운 경우가 많이 있습니다. 이러한 문제를 해결하기 위해 Pageslide 는 사이드에서 새로운 페이지를 Overlay 로 나타내주는 것이 아닌 이미 현존하는 컨텐츠를 밀어주는 방식으로 또 다른 레이아웃을 나타내게 만들어 줍니다. jQuery 플러그인으로 사용하기 더 쉽고 편리합니다. Pageslide 웹사이트 라이센스:  GPL, MIT 연관된 포스트:Coda-Slider, 컨텐츠를 슬라이드형으로 만들자! jQSlickWrap, 텍스트 컨텐츠를 [...]


연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/coda-slider-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%93%9c%ed%98%95%ec%9c%bc%eb%a1%9c-%eb%a7%8c%eb%93%a4%ec%9e%90/' rel='bookmark' title='Permanent Link: Coda-Slider, 컨텐츠를 슬라이드형으로 만들자!'>Coda-Slider, 컨텐츠를 슬라이드형으로 만들자!</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/jqslickwrap-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%9d%b4%eb%af%b8%ec%a7%80-%ec%a3%bc%eb%b3%80%ec%97%90-%eb%91%98%eb%9f%ac%ec%8c%93%ec%9d%b4%ea%b2%8c-%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: jQSlickWrap, 텍스트 컨텐츠를 이미지 주변에 둘러쌓이게 하자'>jQSlickWrap, 텍스트 컨텐츠를 이미지 주변에 둘러쌓이게 하자</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/jquery-highlighter-%eb%a0%88%ec%9d%b4%ec%95%84%ec%9b%83-%ed%95%98%ec%9d%bc%eb%9d%bc%ec%9d%b4%ed%8a%b8-%ea%b8%b0%eb%8a%a5/' rel='bookmark' title='Permanent Link: jQuery Highlighter, 레이아웃 하일라이트 기능'>jQuery Highlighter, 레이아웃 하일라이트 기능</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/jquery-form-wizard-%ed%8f%bc%ed%95%84%eb%93%9c%eb%a5%bc-%eb%a7%88%eb%b2%95%ec%82%ac%eb%a1%9c/' rel='bookmark' title='Permanent Link: jQuery Form Wizard, 폼필드를 마법사로&#8230;'>jQuery Form Wizard, 폼필드를 마법사로&#8230;</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/mopslider-2-%ea%b9%94%eb%81%94%ed%95%9c-%ed%8c%9d%ec%97%85-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%8d%94%eb%a5%bc-%eb%a7%8c%eb%93%a4%ec%96%b4%eb%b3%b4%ec%9e%90/' rel='bookmark' title='Permanent Link: MopSlider 2, 깔끔한 팝업 슬라이더를 만들어보자'>MopSlider 2, 깔끔한 팝업 슬라이더를 만들어보자</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/Upa0vfijujEmsR11xI0JcwAHtR8/0/da"><img src="http://feedads.g.doubleclick.net/~a/Upa0vfijujEmsR11xI0JcwAHtR8/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/Upa0vfijujEmsR11xI0JcwAHtR8/1/da"><img src="http://feedads.g.doubleclick.net/~a/Upa0vfijujEmsR11xI0JcwAHtR8/1/di" border="0" ismap="true"></img></a></p><p><a href="http://www.webstorymaker.com/wp-content/uploads/2010/02/slidepane.jpg" ><img class="alignnone size-full wp-image-1169" style="border: solid 1px #ccc;" title="slidepane" src="http://www.webstorymaker.com/wp-content/uploads/2010/02/slidepane.jpg" alt="Pageslide 웹사이트 이미지" width="707" height="303" /></a></p>
<p>웹페이지를 만들다 보면 컨텐츠를 한 페이지에 표현하기 어려운 경우가 많이 있습니다. 이러한 문제를 해결하기 위해 Pageslide 는 사이드에서 새로운 페이지를 Overlay 로 나타내주는 것이 아닌 이미 현존하는 컨텐츠를 밀어주는 방식으로 또 다른 레이아웃을 나타내게 만들어 줍니다. jQuery 플러그인으로 사용하기 더 쉽고 편리합니다.</p>
<p><img style="vertical-align: middle;" src="http://www.webstorymaker.com/wp-includes/images/wsm/website.png" alt="" /> <a rel="nofollow" target="_blank" href="http://srobbin.com/blog/jquery-pageslide/"  target="_blank">Pageslide 웹사이트</a><br />
라이센스:  GPL, MIT</p>


<p>연관된 포스트:<ol><li><a href='http://www.webstorymaker.com/2010/02/coda-slider-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%93%9c%ed%98%95%ec%9c%bc%eb%a1%9c-%eb%a7%8c%eb%93%a4%ec%9e%90/' rel='bookmark' title='Permanent Link: Coda-Slider, 컨텐츠를 슬라이드형으로 만들자!'>Coda-Slider, 컨텐츠를 슬라이드형으로 만들자!</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/jqslickwrap-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ec%9d%b4%eb%af%b8%ec%a7%80-%ec%a3%bc%eb%b3%80%ec%97%90-%eb%91%98%eb%9f%ac%ec%8c%93%ec%9d%b4%ea%b2%8c-%ed%95%98%ec%9e%90/' rel='bookmark' title='Permanent Link: jQSlickWrap, 텍스트 컨텐츠를 이미지 주변에 둘러쌓이게 하자'>jQSlickWrap, 텍스트 컨텐츠를 이미지 주변에 둘러쌓이게 하자</a></li>
<li><a href='http://www.webstorymaker.com/2010/01/jquery-highlighter-%eb%a0%88%ec%9d%b4%ec%95%84%ec%9b%83-%ed%95%98%ec%9d%bc%eb%9d%bc%ec%9d%b4%ed%8a%b8-%ea%b8%b0%eb%8a%a5/' rel='bookmark' title='Permanent Link: jQuery Highlighter, 레이아웃 하일라이트 기능'>jQuery Highlighter, 레이아웃 하일라이트 기능</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/jquery-form-wizard-%ed%8f%bc%ed%95%84%eb%93%9c%eb%a5%bc-%eb%a7%88%eb%b2%95%ec%82%ac%eb%a1%9c/' rel='bookmark' title='Permanent Link: jQuery Form Wizard, 폼필드를 마법사로&#8230;'>jQuery Form Wizard, 폼필드를 마법사로&#8230;</a></li>
<li><a href='http://www.webstorymaker.com/2010/02/mopslider-2-%ea%b9%94%eb%81%94%ed%95%9c-%ed%8c%9d%ec%97%85-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%8d%94%eb%a5%bc-%eb%a7%8c%eb%93%a4%ec%96%b4%eb%b3%b4%ec%9e%90/' rel='bookmark' title='Permanent Link: MopSlider 2, 깔끔한 팝업 슬라이더를 만들어보자'>MopSlider 2, 깔끔한 팝업 슬라이더를 만들어보자</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webstorymaker.com/2010/02/pageslide-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%93%9c%eb%a1%9c-%ec%bb%a8%ed%85%90%ec%b8%a0%eb%a5%bc-%ed%92%8d%eb%b6%80%ed%95%98%ea%b2%8c/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss><!-- Dynamic page generated in 1.237 seconds. --><!-- Cached page generated by WP-Super-Cache on 2010-09-08 02:31:15 -->
