<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/rss/rss.css" type="text/css"?>
<rss version="2.0">
	<channel>
		<title>PSY ONLINE</title>
		<link>http://www.psyonline.kr/</link>
		<description>HTML/CSS, JS와 관련되어 보이는 글과 Flash, JS Plugin, Web App 비슷한 것들을 깨작깨작 올리는 PSY의 블로그</description>
		<language>ko</language>
		<pubDate>Sun, 13 Mar 2016 22:07:13 +0900</pubDate>
		<managingEditor>majorartist@gmail.com (Siyoung Park)</managingEditor>
		<webMaster>majorartist@gmail.com (Siyoung Park)</webMaster>
		<item>
			<title><![CDATA[그동안 만든 것들을 모아봄 ㅎㅎ]]></title>
			<link><![CDATA[http://www.psyonline.kr/1457874433]]></link>
			<description><![CDATA[<a href="http://play.psyonline.kr/">http://play.psyonline.kr/</a> ]]></description>
			<category><![CDATA[Note]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Sun, 13 Mar 2016 22:07:13 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[셀렉트박스 대체 스크립트 - jQuery 버전]]></title>
			<link><![CDATA[http://www.psyonline.kr/1449823398]]></link>
			<description><![CDATA[그러고보니 셀렉트박스 대체 스크립트의 jQuery 버전을 만들었었네요. ㅎㅎ 하는 김에 라디오/체크박스 인풋도 태그로 대신할 수 있게 했구요.  <a href="https://github.com/psyonline/jquery-fakeform">https://github.com/psyonline/jquery-fakeform</a>   이제 이런 걸 쓸 날도 얼마 안남았겠지요? ㅎㅎㅎ]]></description>
			<category><![CDATA[Plugin]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Fri, 11 Dec 2015 17:43:18 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[Three.js 갤러리]]></title>
			<link><![CDATA[http://www.psyonline.kr/1435033887]]></link>
			<description><![CDATA[<div class="border"><div class="mask"><iframe src="http://www.psyonline.kr/blog/pages/threejs-gallery/index.html" width="100%" height="500" frameborder="0" scrolling="auto"></iframe></div></div> <a href="http://www.psyonline.kr/blog/pages/threejs-gallery/index.html" target="_blank">새창열기</a>]]></description>
			<category><![CDATA[Note]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Tue, 23 Jun 2015 13:31:27 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[jQuery body scroller]]></title>
			<link><![CDATA[http://www.psyonline.kr/1434102436]]></link>
			<description><![CDATA[윈도우 IE의 스크롤 이벤트 딜레이 버그 대체용 스크립트. <a href="https://github.com/psyonline/jquery-body-scroller" target="_blank">소스</a> / <a href="http://www.psyonline.kr/blog/pages/jquery-body-scroller/demo.html" target="_blank">데모</a></p>  <iframe width="420" height="315" src="https://www.youtube.com/embed/1BaybhhSffM" frameborder="0" allowfullscreen></iframe>]]></description>
			<category><![CDATA[Plugin]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Fri, 12 Jun 2015 18:47:16 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[Twist box]]></title>
			<link><![CDATA[http://www.psyonline.kr/1434100871]]></link>
			<description><![CDATA["TWIST - The Clocksmiths Mood(<a href="https://dribbble.com/shots/1814886-Hex-Animated-Icons?list=users&offset=6)" target="_blank">https://dribbble.com/shots/1814886-Hex-Animated-Icons?list=users&offset=6</a>)"를 CSS&JS 로 만들어 봄. ㅎㅎ  <p data-height="300" data-theme-id="0" data-slug-hash="oXZgvR" data-default-tab="result" data-user="psyonline" class='codepen'>See the Pen <a href='http://codepen.io/psyonline/pen/oXZgvR/'>oXZgvR</a> by Siyoung Park (<a href='http://codepen.io/psyonline'>@psyonline</a>) on <a href='http://codepen.io'>CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script>]]></description>
			<category><![CDATA[Note]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Fri, 12 Jun 2015 18:21:11 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[Hex Animated Icon]]></title>
			<link><![CDATA[http://www.psyonline.kr/1433216902]]></link>
			<description><![CDATA["Pranav Pramod"의 "Hex Animated Icons(<a href="https://dribbble.com/shots/1814886-Hex-Animated-Icons?list=users&offset=6)" target="_blank">https://dribbble.com/shots/1814886-Hex-Animated-Icons?list=users&offset=6</a>)"를 SVG&CSS 로 만들어 봄. ㅎㅎ  <p data-height="300" data-theme-id="0" data-slug-hash="oXBJdb" data-default-tab="result" data-user="psyonline" class='codepen'>See the Pen <a href='http://codepen.io/psyonline/pen/oXBJdb/'>oXBJdb</a> by Siyoung Park (<a href='http://codepen.io/psyonline'>@psyonline</a>) on <a href='http://codepen.io'>CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script>]]></description>
			<category><![CDATA[Note]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Tue, 02 Jun 2015 12:48:22 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[Apple Watch style graph]]></title>
			<link><![CDATA[http://www.psyonline.kr/1432622877]]></link>
			<description><![CDATA[<p data-height="300" data-theme-id="0" data-slug-hash="oXYZJW" data-default-tab="result" data-user="psyonline" class='codepen'>See the Pen <a href='http://codepen.io/psyonline/pen/oXYZJW/'>oXYZJW</a> by Siyoung Park (<a href='http://codepen.io/psyonline'>@psyonline</a>) on <a href='http://codepen.io'>CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script>]]></description>
			<category><![CDATA[Note]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Tue, 26 May 2015 15:47:57 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[CSS3 Shining Text]]></title>
			<link><![CDATA[http://www.psyonline.kr/1424756253]]></link>
			<description><![CDATA[* 텍스트 수정 가능  <p data-height="268" data-theme-id="0" data-slug-hash="YPLYQJ" data-default-tab="result" data-user="psyonline" class='codepen'>See the Pen <a href='http://codepen.io/psyonline/pen/YPLYQJ/'>YPLYQJ</a> by Siyoung Park (<a href='http://codepen.io/psyonline'>@psyonline</a>) on <a href='http://codepen.io'>CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script>]]></description>
			<category><![CDATA[Note]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Tue, 24 Feb 2015 14:37:33 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[CSS3 Hover/Leave 효과]]></title>
			<link><![CDATA[http://www.psyonline.kr/1418967661]]></link>
			<description><![CDATA[CSS3 animation을 이용해서 hover leave 효과를 다르게 지정 ㅎㅎ  * webkit 브라우저만 확인 가능.  <p data-height="268" data-theme-id="0" data-slug-hash="raLdNy" data-default-tab="result" data-user="psyonline" class='codepen'>See the Pen <a href='http://codepen.io/psyonline/pen/raLdNy/'>raLdNy</a> by Siyoung Park (<a href='http://codepen.io/psyonline'>@psyonline</a>) on <a href='http://codepen.io'>CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script>]]></description>
			<category><![CDATA[Note]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Fri, 19 Dec 2014 14:41:01 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[스르륵...]]></title>
			<link><![CDATA[http://www.psyonline.kr/1372947643]]></link>
			<description><![CDATA[<p><a href="https://www.takeflava.com/" target="_blank">Flava</a>라는 앱에 나오는 배경효과를 흉내내봤습니다. ㅎ<br /><br /><a href="/blog/pages/srrk-bg.html" target="_blank">새창으로 보기</a></p><div class="border"><div class="mask"><iframe src="/blog/pages/srrk-bg.html" width="100%" height="570" frameborder="0" scrolling="auto"></iframe></div></div>]]></description>
			<category><![CDATA[Plugin]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Thu, 04 Jul 2013 23:20:43 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[CSS3 겉핥기 2]]></title>
			<link><![CDATA[http://www.psyonline.kr/1343213186]]></link>
			<description><![CDATA[<p>엘리먼트를 여러개 복사해서 z값을 바꾸면 텍스트도 동적으로 3D 효과를 낼 수 있을 것 같아서 해봤는데 얼추 됨. ㅋㅋ <br />90도 또는 270도 상태에서의 측면이 살짝 비어 보이는 문제는 추후에... <br /><br />* 웹킷 기반 브라우저에서만 동작. <br />* 텍스트 수정 가능.</p><div class="border"><div class="mask"><iframe src="/blog/pages/css3-3dtext.html" width="100%" height="300" frameborder="0" scrolling="auto"></iframe></div></div>]]></description>
			<category><![CDATA[Note]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Wed, 25 Jul 2012 19:46:26 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[CSS3 겉핥기]]></title>
			<link><![CDATA[http://www.psyonline.kr/1342128681]]></link>
			<description><![CDATA[<p>재미삼아 해본 CSS3 transform, transition, animation 테스트. <br />다른 플러그인 없이도 얼마 안되는 코드만으로 간단히 구현이 가능하면서도 훌륭한 퍼포먼스를 보여준다는 데 새삼 놀람. 모바일 환경은 좀 버벅이긴 하지만. canvas고 뭐고 이제 대세는 CSS3인가. ㅋㅋㅋ<br /><br />* 웹킷 기반 브라우저에서만 동작. </p><h3>간단한 Flip 효과. <a href="/blog/pages/css3-flip.html" target="_blank">새창보기</a></h3><div class="border"><div class="mask"><iframe src="/blog/pages/css3-flip.html" width="100%" height="500" frameborder="0" scrolling="auto"></iframe></div></div><h3>3D 흉내낼 때 빠지면 서운한 Cover flow. <a href="/blog/pages/css3-coverflow.html" target="_blank">새창보기</a></h3><div class="border"><div class="mask"><iframe src="/blog/pages/css3-coverflow.html" width="100%" height="360" frameborder="0" scrolling="auto"></iframe></div></div><h3>동네북 태양계. ㅋㅋㅋ <a href="/blog/pages/css3-solarsystem.html" target="_blank">새창보기</a></h3><p class="withh3">정확하진 못하더라도 크기나 거리를 어느정도 실제 비율에 맞춰보려 했으나, 인간적으로 태양은 너무 큼. ㅠ 태양만 1/5 크기로 축소. ㅎㄷㄷ</p><div class="border"><div class="mask"><iframe src="/blog/pages/css3-solarsystem.html" width="100%" height="760" frameborder="0" scrolling="auto"></iframe></div></div>]]></description>
			<category><![CDATA[Note]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Fri, 13 Jul 2012 06:31:21 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[Parse url query string &amp; trace]]></title>
			<link><![CDATA[http://www.psyonline.kr/1341457098]]></link>
			<description><![CDATA[<p>이번에 작업하면서 필요해서 만들어 본 거 두개. ㅎㅎ</p><h3>parseurlquery([ query ])</h3><p class="withh3">기본적으로 웹 페이지의 url(location.href)에서 '?' 문자 이후, '#' 문자 이전까지 전달되는 query를 분리해서 JSON 객체로 반환. <br />선택적으로 query 인수를 전달할 수도 있음. 예를 들면, <strong>parseurlquery(location.hash);</strong>로 hash에 대해서만 적용. query가 없으면 빈 JSON객체를 반환. 값이 숫자일 경우 parseInt 함수로 숫자로 변환하고, 값에 ',' 문자가 포함되어 있을 경우 배열로 변환.</p><h3>trace(value[ , value....... ])</h3><p class="withh3">인수로 전달 된 값(들)을 body에 출력. alert, console.log 대신. ㅋㅋ<br />출력된 레이어를 클릭하거나 <strong>trace.clear();</strong> 함수로 제거할 수 있고, <br /><strong>trace.fixed();</strong> 함수로 레이어의 position을 fixed로 전환 가능. fixed를 해제할 경우에만 인수로 false 값 전달.<br />전에 jQuery로 만들었던건데, 이 함수만을 사용하려고 jQuery를 로드하다가 뭐하는 짓인가 싶어서 ㅠ 이 참에 분리. ㅋㅋㅋ</p><h3>테스트</h3><div class="border"><div class="mask"><iframe src="/blog/pages/parse-url-query-and-trace.html" width="100%" height="360" frameborder="0" scrolling="auto"></iframe></div></div><h3>trace test에 사용된 변수</h3><div class="border"><div class="mask"><pre class="donotclose">var sampledata={ 	'number' : 123456, 	'string' : '대세 아이유', 	'array' : [1, 2, 3, 'text1', 'text2'], 	'div element' : document.createElement('div'), 	'ul element' : document.createElement('ul'), 	'p element' : document.createElement('p'), 	'function' : function(){ 		var a, b=1; 		return "i'm function."; 	}, 	'date' : new Date(), 	'window' : window, 	'document' : document, 	'null' : null, 	'undefined' : undefined, 	'json' : { a:1, b:new Number(2), c:'text 1', d:new String('text 2'), e:{ e1:1, e2:10, e3:[100, 1000] }, f:true, g:new Boolean(false), h:/[a-z]+/i, i:new RegExp('[a-z]+', 'i') }, 	'jquery object' : { 0:document.createElement('li'), 1:document.createElement('li'), 2:document.createElement('li'), 3:document.createElement('li'), 4:document.createElement('li'), each:true, bind:true, length:5 } }</pre></div></div><h3>parseurlquery</h3><div class="border"><div class="mask"><pre class="donotclose">function parseurlquery(query){ 	var matches, pattern=/([^=&]+)=?([^=&]*)/g, rv={}; 	if((/^#/).test(query)){ 		query=query.substring(query.lastIndexOf('#')+1); 	} 	if(!query || (/\?/).test(query)){ 		query=(query || location.href).split('?')[1]; 	} 	if(query){ 		query=query.split('#')[0]; 		while(matches=pattern.exec(query)){ 			rv[matches[1]]=resetdata(matches[2]); 		} 	} 	function resetdata(v){ 		var i, max; 		if(v){ 			v=decodeURIComponent(v).replace(/\+/g, ' '); 			if(v.indexOf(',')!=-1){ 				v=v.split(','); 				for(i=0, max=v.length; i&lt;max; i++){ 					v[i]=resetdata(v[i]); 				} 			}else if(!isNaN(v)){ 				v=parseInt(v); 			} 		} 		return v; 	} 	return rv; }</pre></div></div><h3>trace</h3><div class="border"><div class="mask"><pre class="donotclose">var tracer={  	box : null, 	number : 1,  	tostring : function(v){ 		var rv, i, max; 		if(v===null){ 			return 'null'; 		}else if(v===undefined){ 			return 'undefined'; 		}else if(v==window){ 			return '[object Window]'; 		}else if(v==document){ 			return '[object HTMLDocument]'; 		}else if(v===true || v===false || typeof(v)=='number' || typeof(v)=='function'){ 			return v; 		}else if(typeof(v)=='object'){ 			if(v.constructor==Array){ 				rv=[]; 				for(i=0, max=v.length; i&lt;max; i++){ 					rv.push(tracer.tostring(v[i])); 				} 				return '['+rv.join(',')+']'; 			}else if(v.constructor==String){ 				return '"'+v.replace(/\&lt;/g, '&lt;')+'"'; 			}else if(v.constructor==Boolean || v.constructor===Number || v.constructor==RegExp){ 				return v; 			}else if(v.constructor==Date){ 				return 'Date('+v.getTime()+', '+v+')'; 			}else if(v.each && v.bind){ 				rv=[]; 				for(i=0, max=v.length; i&lt;max; i++){ 					rv.push(i+':'+tracer.tostring(v[i])); 				} 				rv.push('length:'+max); 				return '${'+rv.join(',')+'}'; 			}else if(v.nodeType){ 				return '[object '+v.nodeName.toUpperCase()+' Element]'; 			}else{ 				rv=[]; 				for(i in v){ 					rv.push('\''+i+'\':'+tracer.tostring(v[i])); 				} 				return '{'+rv.join(',')+'}'; 			} 		}else{ 			return '"'+((v.replace)? v.replace(/\&lt;/g, '&lt;') : v)+'"'; 		} 	},  	create : function(){ 		if(!tracer.box){ 			tracer.box=document.createElement('ol'); 			tracer.box.style.cssText='position:absolute;left:5px;top:5px;max-width:75%;font-family:verdana;font-size:11px;color:#000;line-height:1.35em;margin:0;padding:3px 3px 2px 38px;border:1px solid #000;background:#fff;display:none;z-index:10000;opacity:0.75;filter:alpha(opacity=75);'; 			tracer.box.onclick=tracer.clear; 			function addbox(){ 				if(document.body){ 					document.body.appendChild(tracer.box); 				}else{ 					setTimeout(addbox, 10); 				} 			} 			addbox(); 		} 	},  	action : function(){ 		var i, max, v=[], li=document.createElement('li'); 		for(i=0, max=arguments.length; i&lt;max; i++){ 			v.push(tracer.tostring(arguments[i])); 		} 		li.style.cssText='list-style:decimal;margin-bottom:1px;padding:2px 3px 3px;background:'+((tracer.number%2)? '#eee;' : '#ddd;'); 		li.innerHTML=v.join(', '); 		tracer.create(); 		tracer.box.appendChild(li); 		tracer.box.style.display='block'; 		tracer.number++; 		return trace; 	},  	fixed : function(flag){ 		tracer.create(); 		tracer.box.style.position=(flag===false)? 'absolute' : 'fixed'; 		return trace; 	},  	clear : function(){ 		if(tracer.box){ 			tracer.box.innerHTML=''; 			tracer.box.style.display='none'; 			tracer.number=1; 		} 		return trace; 	}  } window.trace=tracer.action; window.trace.fixed=tracer.fixed; window.trace.clear=tracer.clear;</pre></div></div>]]></description>
			<category><![CDATA[Plugin]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Thu, 05 Jul 2012 11:58:18 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[LIST]]></title>
			<link><![CDATA[http://www.psyonline.kr/1338757676]]></link>
			<description><![CDATA[<a href="http://www.psyonline.kr/list/" target="_blank">http://www.psyonline.kr/list/</a>   <a href="http://www.psyonline.kr/list/" target="_blank"><img src="/blog/images/listappshot.jpg" alt="" /></a>   예전부터 꼭 한 번 만들어보고 싶었던 것이기도 하고, 얼마 전에 만든 <a href="/1330044766" target="_blank">fakescroll.js</a> 테스트도 할 겸해서 만들어 본 목록 관리 웹 앱 입니다. 하다보니 이게 fakescroll.js를 수정하고 있는 건지, 이 앱을 만들고 있는 건지 모르겠더군요. ㅎㅎㅎ  이름은 딱히 못 정하겠어서 그냥 리스트. ㄷㄷ  <!-- 대충 어떻게 만들지에 대한 생각은 계속 하고 있었는데, 올 초(?)에 <a href="http://www.realmacsoftware.com/clear/" target="_blank">Clear</a> 라는 죽이는 아이폰 앱이 나왔길래 보니 생각하던거랑 비슷한 부분이 몇 군데 있더군요. ㅠ 그러다보니 이게 따라했다고까지 하긴 그렇고 대충 흉내낸 것처럼 보일 것 같아서 접을까하다가, 더 늦기 전에 한 번 만들어보자 하고 그냥 만들어 봤습니다. ㅋㅋ 어차피 아는 사람도 별로 없을테니. ㅋㅋㅋㅋㅋ --> 사용방법은 아래 영상에.. 이런 영상도 한 번 찍어보고 싶었구요. ㅎㅎ 참고로 동영상에 나오는 '할 것들' 목록에 있는 목록이랑 아이템들은 Clear 앱의 동영상에 나오던 내용을 우리말로 넣은 겁니다. ㅎㅎㅎ  <iframe width="560" height="315" src="http://www.youtube.com/embed/ua18rWnAW5k" frameborder="0" allowfullscreen></iframe>  동영상과는 달리 여러 사정으로 standalone형식으로는 작동하지 않습니다. ㅠ    <a href="https://chrome.google.com/webstore/detail/pfhgpfdbjnaildikkflhpiikhfgehlid/" target="_blank">이젠 안올리면 섭섭한 크롬 웹스토어에도</a>]]></description>
			<category><![CDATA[Web App]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Mon, 04 Jun 2012 06:07:56 +0900</pubDate>
		</item>
		<item>
			<title><![CDATA[내용에 맞게 늘어나는 텍스트박스(textarea)]]></title>
			<link><![CDATA[http://www.psyonline.kr/1335875987]]></link>
			<description><![CDATA[<p>예전에 한 번 만들어 봤다가 답이 안나오길래 접었던 걸 얼마전에 contenteditable 속성을 알게 되서 다시 만들어 봤습니다. <br />역시 무식하면 손발이 고생한다는 말이 진리네요. 뭐 발은 놀았습니다만.. ㅎㅎ;<br /><br />암튼, <strong>textareaautoheight(textarea)</strong> 함수에 textarea 엘리먼트를 파라미터로 넘겨주면, div를 생성해서 contenteditable속성과 CSS 클래스 'faketextarea'를 지정하고  textarea의 앞에 추가(insertBefore)한 뒤 해당 textarea 엘리먼트는 display를 none으로 변경합니다.<br />그리고 추가된 div에 onblur 이벤트가 발생할 때 div의 내용 중 태그를 제거해서 textarea에 집어 넣습니다. <br />하는 김에 placeholder 기능도 넣었습니다. placeholder 상태일 때 div의 CSS 클래스는 'faketextarea placeholder'가 됩니다.<br /><br />안되면 버릴 예정이었던 ie6도 다행히 되긴 합니다만, 나머지 브라우저들은 최신 버전 외에는 확인을 못해봤네요. <br />그것들은 알아서 업데이트 잘 하니까 뭐 괜찮겠죠. ㅎㅎㅎ;;</p><div class="border"><div class="mask"><iframe src="/blog/iframes/sample035.html" width="100%" height="350" frameborder="0" scrolling="auto"></iframe></div></div><div class="border"><div class="mask"><pre class="donotclose">function textareaautoheight(textarea){  	var isfirefox=(/firefox/i).test(navigator.userAgent);  	var placeholder=textarea.getAttribute('placeholder'); 	var placeholderadded=false;  	var fake=document.createElement('div'); 	var classname='faketextarea';  	fake.className=classname; 	fake.contentEditable="true"; 	fake.style.height='auto';  	fake.onfocus=function(){ 		if(placeholder &amp;&amp; placeholderadded){ 			fake.className=classname; 			fake.innerHTML=''; 			placeholderadded=false; 		} 	}  	fake.onblur=fake.onblur=function(){  		var value=this.innerHTML;  		if(isfirefox){ 			value=value.replace(/&lt;br[^>]*>(&lt;\/[^>]>)?$/i, ''); 		} 		value=value.replace(/(&lt;[^>]*>)(?:&lt;br[^>]*>|&amp;nbsp;)&lt;\/[^>]*>/ig, '$1') 			.replace(/((\r|\n)|^&lt;[^>]*>)/ig, '').replace(/&lt;[^/>]*>/ig, '&lt;br />').replace(/&lt;br[^>]*>/ig, '\n') 			.replace(/&lt;[^>]*>/ig, '').replace(/&amp;lt;/g, '&lt;').replace(/&amp;gt;/g, '>');  		if(!value || value=='&amp;nbsp;'){ 			addplaceholder(); 		}  		textarea.value=value.replace(/&amp;nbsp;/g, ' ');  	}  	setTimeout(function(){//ie bug 		if(textarea.value){ 			fake.innerHTML='&lt;p>'+textarea.value.replace(/&lt;/g, '&amp;lt;').replace(/\n/g, '&lt;br>')+'&lt;/p>'; 		}else{ 			addplaceholder(); 		} 	}, 0);  	function addplaceholder(){ 		if(placeholder){ 			fake.className=classname+' placeholder'; 			fake.innerHTML=placeholder; 			placeholderadded=true; 		} 	}  	textarea.style.display='none'; 	textarea.parentNode.insertBefore(fake, textarea);  }</pre></div></div>]]></description>
			<category><![CDATA[Plugin]]></category>
			<author>majorartist@gmail.com (Siyoung Park)</author>
			<pubDate>Tue, 01 May 2012 21:39:47 +0900</pubDate>
		</item>
	</channel>
</rss>