<?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>Metabrain &#187; tweekly report</title>
	<atom:link href="http://www.metabrain.com/tag/tweekly-report/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.metabrain.com</link>
	<description>Web-Based Software &#38; Interaction Design Company</description>
	<lastBuildDate>Fri, 03 Feb 2012 09:01:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>뛰어난 타이포그라피가 돋보이는 21가지 웹디자인을 소개합니다.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol80/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol80/#comments</comments>
		<pubDate>Mon, 07 Nov 2011 01:07:52 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[metabrain]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[RWD]]></category>
		<category><![CDATA[Template]]></category>
		<category><![CDATA[tweekly report]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=486055</guid>
		<description><![CDATA[웹 디자이너를 위한 30가지 유용한 인포그라피, 간단하게 멋진 개인 웹사이트를 만들 수 있는 imcreator 그리고 뛰어난 타이포그라피가 돋보이는 21가지 웹디자인과 함께 jQuery 플러그인으로 반응형 웹 디자인을 쉽게 만들어 보세요.]]></description>
			<content:encoded><![CDATA[<h4>25 jQuery Plugins to help with Responsive Layouts</h4>
<p>반응형 웹 디자인 &#8211; 25 가지의 jQuery 플러그인으로 쉽게 만들어 보세요.</p>
<p><a href="http://bit.ly/nVmgDs" target="blank"><img class="alignnone size-full wp-image-486056" src="http://www.metabrain.com/files/2011/11/25-jQuery-Plugins-to-help-with-Responsive-Layouts.jpg" alt="" width="675" height="500" /></a></p>
<h4>21 Inspiring Examples of Typography in Web Design</h4>
<p>뛰어난 타이포그라피가 돋보이는 21가지 웹디자인을 소개합니다.</p>
<p><a href="http://bit.ly/tUkViL" target="blank"><img class="alignnone size-full wp-image-486057" src="http://www.metabrain.com/files/2011/11/21-Inspiring-Examples-of-Typography-in-Web-Design.jpg" alt="" width="675" height="500" /></a></p>
<h4>How to Design a Mobile Responsive Website</h4>
<p>일목요연하게 정리된 Responsive Website 구축시 고려할 점과 프로세스 예시를 살펴보세요.</p>
<p><a href="http://bit.ly/uvuP73" target="blank"><img class="alignnone size-full wp-image-486065" src="http://www.metabrain.com/files/2011/11/How-to-Design-a-Mobile-Responsive-Website1.jpg" alt="" width="675" height="500" /></a></p>
<h4>30 Useful Infographics for Web Designers</h4>
<p>늘 바쁜 웹 디자이너를 위한 30가지 유용한 인포그라피를 살펴보세요.</p>
<p><a href="http://bit.ly/nIZyjW" target="blank"><img class="alignnone size-full wp-image-486059" src="http://www.metabrain.com/files/2011/11/30-Useful-Infographics-for-Web-Designers.jpg" alt="" width="675" height="500" /></a></p>
<h4>Simply to create a great personal website imcreator</h4>
<p>간단하게 멋진 개인 웹사이트를 만들 수 있는 imcreator 을 소개합니다.</p>
<p><a href="http://imcreator.com http://bit.ly/pJLEA2" target="blank"><img class="alignnone size-full wp-image-486066" src="http://www.metabrain.com/files/2011/11/Simply-to-create-a-great-personal-website-imcreator1.jpg" alt="" width="675" height="500" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol80/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>세련된 테마 디자인으로 꾸준한 방문자를 확보하고 있는 우수한 블로그들을 소개해 드립니다.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol79/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol79/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 04:56:06 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[metabrain]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[SNS]]></category>
		<category><![CDATA[tweekly report]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485987</guid>
		<description><![CDATA[세련된 테마 디자인으로 꾸준한 방문자를 확보하고 있는 우수한 블로그들과 매력적인 새로운 소셜서비스 Chime.in, 그리고 초과되는 업로드 파일 용량과 잘못된 유형을 경고해주는 jQuery File Validator와 함께 업데이트된 Apple의 iOS 5 GUI 를 PSD 파일로 만나보세요.]]></description>
			<content:encoded><![CDATA[<h4>Showcase: 30 Beautiful Blog Designs for Inspiration</h4>
<p>세련된 테마 디자인 컨셉과 표현으로 꾸준한 방문자를 확보하고 있는 우수한 블로그들을 소개해 드립니다.</p>
<p><a href="http://sixrevisions.com/design-showcase-inspiration/beautiful-blog-designs/" target="blank"><img src="http://www.metabrain.com/files/2011/10/Showcase-30-Beautiful-Blog-Designs-for-Inspiration2.jpg" alt="" width="675" height="500" class="alignnone size-full wp-image-486035" /></a></p>
<h4>jQury File Validator</h4>
<p>사용자에게 초과되는 업로드 파일 용량과 잘못된 유형을 경고해 줄 수 있는 jQuery File Validator 활용</p>
<p><a href="http://adamsanderson.github.com/jQuery-File-Validator/" target="blank"><img src="http://www.metabrain.com/files/2011/10/jQury-File-Validator2.jpg" alt="" width="675" height="500" class="alignnone size-full wp-image-486042" /></a></p>
<h4>iOS 5 GUI PSD (iPhone 4S)</h4>
<p>Apple의 업데이트된 iOS 5 GUI를 PSD 파일로 만나보세요. iOS 4와의 미세한 차이점을 살펴보실 수 있습니다.</p>
<p><a href="http://www.teehanlax.com/blog/ios-5-gui-psd-iphone-4s/" target="blank"><img src="http://www.metabrain.com/files/2011/10/iOS-5-GUI-PSD-iPhone-4S1.jpg" alt="" width="675" height="500" class="alignnone size-full wp-image-486037" /></a></p>
<h4>Your Free Customisable Share Counter</h4>
<p>당신의 컨텐츠가 얼마나 공유되었는지 한 번에 모아서 보여주고 싶다면 Share Counter를 써보세요.</p>
<p><a href="http://dandypixels.com/sharecount/" target="blank"><img src="http://www.metabrain.com/files/2011/10/Your-Free-Customisable-Share-Counter1.jpg" alt="" width="675" height="500" class="alignnone size-full wp-image-486038" /></a></p>
<h4>Social Network Website Chime</h4>
<p>페이스북과 트위터의 장점을 매력적으로 병합한 소셜 네트워크 서비스 Chime.in 을 소개합니다.</p>
<p><a href="http://chime.in/" target="blank"><img src="http://www.metabrain.com/files/2011/10/Social-Network-Website-Chime1.jpg" alt="" width="675" height="500" class="alignnone size-full wp-image-486039" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol79/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>우울한 기분마저 사라지는 유쾌한 옐로우 컬러가 돋보이는 웹사이트 디자인을 살펴보세요.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol77/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol77/#comments</comments>
		<pubDate>Mon, 17 Oct 2011 02:04:54 +0000</pubDate>
		<dc:creator>Park Yeon Kyu</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[Color]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[metabrain]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[Template]]></category>
		<category><![CDATA[tweekly report]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485916</guid>
		<description><![CDATA[유쾌한 옐로우 컬러가 돋보이는 웹사이트, 커피 관련 웹사이트 디자인과 성공적인 APP 이름을 짓는 방법 그리고 jQuery 1.7 첫 번째 베타판에 대해 알아보세요.]]></description>
			<content:encoded><![CDATA[<h4>Design Inspiration: Yellow Websites</h4>
<p>우울한 기분마저 사라지는 유쾌한 옐로우 컬러가 돋보이는 웹사이트 디자인을 살펴보세요.</p>
<p><a href="http://t.co/6o89n9uT" target="blank"><img class="alignnone size-full wp-image-485931" src="http://www.metabrain.com/files/2011/10/mb01.jpg" alt="" width="675" height="400" /></a></p>
<h4>Top 10 tips for naming your app</h4>
<p>성공하는 APP 은 이름부터 다릅니다. 성공적인 APP 이름을 짓는 방법을 참고해 보세요.</p>
<p><a href="http://bit.ly/oEigXI" target="blank"><img class="size-full wp-image-485918" src="http://www.metabrain.com/files/2011/10/mb02.jpg" alt="" /></a></p>
<h4>Showcase of Delightful Coffee Websites for Inspiration</h4>
<p>생활속 편안한 친구와 같은 커피. 브라운 컬러로 아름답게 디자인된 커피관련 웹사이트를 만나보세요.</p>
<p><a href="http://bit.ly/q0Gasf" target="blank"><img class="alignnone size-full wp-image-485919" src="http://www.metabrain.com/files/2011/10/mb03.jpg" alt="" width="675" height="400" /></a></p>
<h4>jQuery 1.7 Beta Release Preview</h4>
<p>jQuery 1.7 첫 번째 베타판이 나왔습니다. 개선한 기능과 고친 버그가 무엇인지 미리 알아보십시오.</p>
<p><a href="http://bit.ly/oRonej" target="blank"><img class="alignnone size-full wp-image-485920" src="http://www.metabrain.com/files/2011/10/mb04.jpg" alt="" width="675" height="400" /></a></p>
<h4>30+Best Resource Free Website Templates</h4>
<p>퀄리티 높은 다양한 종류의 무료 웹사이트 템플릿 30가지를 만나보세요.</p>
<p><a href="http://bit.ly/pJOgl2" target="blank"><img class="alignnone size-full wp-image-485917" src="http://www.metabrain.com/files/2011/10/mb05.jpg" alt="" width="675" height="400" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol77/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>다양한 브라우저에서 사이트를 제대로 보여주고 싶다면, 바로 사용해 볼 수 있는 쓸만한 도구가 있습니다.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol71/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol71/#comments</comments>
		<pubDate>Fri, 12 Aug 2011 08:21:31 +0000</pubDate>
		<dc:creator>Kim Yeong Seon</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[metabrain]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[tweekly report]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485674</guid>
		<description><![CDATA[우수한 비주얼을 표현한 CSS 기반 웹 사이트와 Adobe사의 HTML5&#38;CSS3 데모 사이트를 소개하고 웹에서 제공하는 오픈 타입 폰트(Open Type Font)와 모바일 앱 제작툴 오픈 소스 플랫폼 Phonegap, 크로스 브라우저 작업에 유용한 툴 정보도 함께 제공합니다.]]></description>
			<content:encoded><![CDATA[<h4>Review Of Cross-Browser Testing Tools</h4>
<p>크로스 브라우저에서 제대로 사이트가 보여져야 한다면 지금 설치해 볼 수 있는 괜찮은 툴들이 있습니다.</p>
<p><a href="http://www.smashingmagazine.com/2011/08/07/a-dozen-cross-browser-testing-tools/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol71_1.jpg" alt="Review Of Cross-Browser Testing Tools" width="675" height="443" class="alignnone size-full wp-image-485675" /></a></p>
<h4>Phonegap</h4>
<p>모바일앱을 손쉽게 제작해주는 오픈소스 플랫폼 Phonegap을 소개합니다.</p>
<p><a href="http://www.phonegap.com/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol71_2.jpg" alt="Phonegap" width="675" height="492" class="alignnone size-full wp-image-485676" /></a></p>
<h4>CSS3 @font-face Design Guide</h4>
<p>웹에서 제공하는 오픈 타입 폰트(Open Type Font)를 사용하고 싶으신가요? CSS3에서 제공하는 font-face 속성 디자인 가이드과 함께 원하는 폰트로 귀사의 사이트를 새롭게 단장해 보십시오.</p>
<p><a href="http://webdesignerwall.com/tutorials/css3-font-face-design-guide" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol71_3.jpg" alt="CSS3 @font-face Design Guide" width="675" height="596" class="alignnone size-full wp-image-485677" /></a></p>
<h4>25 Beautiful CSS Web Designs for Inspiration</h4>
<p>플래시를 사용하지 않고도 다양한 인터렉션과 우수한 비주얼을 표현한 25개의 CSS기반 웹사이트를 소개합니다.</p>
<p><a href="http://creativefan.com/css-web-designs-inspiration/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol71_4.jpg" alt="25 Beautiful CSS Web Designs for Inspiration" width="675" height="730" class="alignnone size-full wp-image-485684" /></a></p>
<h4>The Expressive Web Beta</h4>
<p>Adobe사에서 만든 감각적인 HTML5&amp;CSS3 데모 사이트를 소개합니다. 각 요소의 설명과 재밌는 사용 예를 보여주며 지원 브라우저 안내 및 참조 사이트 링크도 제공합니다.</p>
<p><a href="http://beta.theexpressiveweb.com/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol71_5.jpg" alt="The Expressive Web Beta" width="675" height="455" class="alignnone size-full wp-image-485679" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol71/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>완성도 높은 반응형 웹 디자인 작업을 위한 10가지 유용한 도구를 만나보세요.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol70/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol70/#comments</comments>
		<pubDate>Fri, 05 Aug 2011 09:41:29 +0000</pubDate>
		<dc:creator>Kim Yeong Seon</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[metabrain]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[tweekly report]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485618</guid>
		<description><![CDATA[완성도 높은 반응형 웹 디자인 작업을 위한 유용한 도구 10가지와 고정내비게이션 인터페이스를 잘 활용한 웹 사이트 디자인 사례, 자바스크립트, HTML5, CSS와 최신 브라우저를 활용해 만든 솜씨를 뽐내는 '코딩 에비뉴' jsdo.it 서비스 소개합니다. 재치있고 기발한  발상으로 가득한 빌보드 광고 모음도 만나보세요.]]></description>
			<content:encoded><![CDATA[<h4>10 Excellent Tools for Responsive Web Design</h4>
<p>다양한 디바이스에 최적화 된 반응형 웹 디자인(Responsive Web Design)! 완성도 높은 반응형 웹 디자인 작업을 위한 10가지 유용한 도구를 만나보세요.</p>
<p><a href="http://sixrevisions.com/tools/responsive-web-design/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol70_1.jpg" alt="10 Excellent Tools for Responsive Web Design" width="675" height="732" class="alignnone size-full wp-image-485620" /></a></p>
<h4>22 Examples of Fixed Position Navigation in Web Design</h4>
<p>직관적인 정보검색의 장점이 있는 고정내비게이션 인터페이스를 잘 활용한 웹사이트 디자인 사례를 소개합니다.</p>
<p><a href="http://webdesignledger.com/inspiration/22-examples-of-fixed-position-navigation-in-web-design" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol70_2.jpg" alt="22 Examples of Fixed Position Navigation in Web Design" width="675" height="492" class="alignnone size-full wp-image-485621" /></a></p>
<h4>jsdo.it</h4>
<p>자바스크립트, HTML5, CSS와 최신 브라우저를 활용해 만든 솜씨를 뽐내는 &#8216;코딩 에비뉴&#8217; jsdo.it 서비스를 소개합니다.</p>
<p><a href="http://jsdo.it/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol70_3.jpg" alt="jsdo.it" width="675" height="389" class="alignnone size-full wp-image-485622" /></a></p>
<h4>40 Absolutely Brilliant Billboard Ads!</h4>
<p>기발하고 재치있는 발상으로 가득한 빌보드 광고 모음을 소개합니다.</p>
<p><a href="http://www.hongkiat.com/blog/brilliant-creative-billboard-advertisements/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol70_4.jpg" alt="40 Absolutely Brilliant Billboard Ads!" width="675" height="467" class="alignnone size-full wp-image-485628" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol70/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>귀하가 사용하시는 브라우저의 CSS3 / HTML5 지원여부를 확인해 보세요.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol69/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol69/#comments</comments>
		<pubDate>Fri, 29 Jul 2011 05:22:26 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[new]]></category>
		<category><![CDATA[tweekly report]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485600</guid>
		<description><![CDATA[간단한 입력만으로 브라우저별 HTML5/CSS3 지원 여부를 확인할 수 있는 사이트와 훌륭한 디자인&#38;인터페이스가 돋보이는 iPad 어플리케이션, 풍부한 Javascript API로 무장한 Sencha Touch, 다양하고 독창적인 HTML5 비디오 플레이어 등을 소개합니다. ]]></description>
			<content:encoded><![CDATA[<h4>30 Excellent iPad App Interfaces </h4>
<p>아름다운 디자인에 훌륭한 인터페이스를 겸비한 30개의 iPad 어플리케이션을 소개합니다. </p>
<p><a href="http://webdesignledger.com/inspiration/30-excellent-ipad-app-interfaces" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol69_5_1.jpg" alt="30 Excellent iPad App Interfaces" width="675" height="505" class="alignnone size-full wp-image-485601" /></a></p>
<h4>20 Excellent Examples of Icon Usage in Web Design </h4>
<p>컨셉에 맞추어 아이콘을 적절히 사용하여 디자인된 20개의 웹사이트 사례들을 소개합니다. </p>
<p><a href="http://webdesignledger.com/inspiration/20-excellent-examples-of-icon-usage-in-web-design" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol69_1.jpg" alt="20 Excellent Examples of Icon Usage in Web Design" width="675" height="669" class="alignnone size-full wp-image-485602" /></a></p>
<h4>haz.io HTML5 &amp; CSS3 Browser Capabilities </h4>
<p>귀하가 현재 사용중이신 브라우저가 CSS3와 HTML5를 어디까지 지원하는지 궁금하시다면, haz.io 를 통해 각 속성별 지원여부를 확인해보세요.</p>
<p><a href="http://haz.io/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol69_4.jpg" alt="haz.io HTML5 &amp; CSS3 Browser Capabilities" width="675" height="744" class="alignnone size-full wp-image-485604" /></a></p>
<h4>Create An HTML/CSS Mobile Web App Using Sencha Touch </h4>
<p>풍부한 Javascript API를 제공하는 Sencha Touch로 완성도 높은 모바일 웹 어플리케이션을 구축해 보세요. </p>
<p><a href="http://coding.smashingmagazine.com/2011/07/19/create-an-html-and-css-mobile-web-app-using-sencha-touch/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol69_3_border.jpg" alt="Create An HTML/CSS Mobile Web App Using Sencha Touch" width="674" height="668" class="alignnone size-full wp-image-485606" /></a></p>
<h4>11 HTML5 Video Players You Should Try </h4>
<p>귀하의 웹 사이트를 돋보이게 할 다양하고 독창적인 HTML5 비디오 플레이어를 만나보세요. </p>
<p><a href="http://www.underworldmagazines.com/11-html5-video-players-you-should-try/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol69_2_1_border.jpg" alt="11 HTML5 Video Players You Should Try" width="674" height="628" class="alignnone size-full wp-image-485607" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol69/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>반응형 웹디자인(RWD)들의 특징과 디자인 시 참고할만한 좋은 예시들을 소개합니다.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol68/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol68/#comments</comments>
		<pubDate>Fri, 22 Jul 2011 04:37:02 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[tweekly report]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485593</guid>
		<description><![CDATA[다양한 디바이스 환경에 유동적인 반응형 웹 디자인(RWD) 관련 내용과 함께 블랙&#38;화이트의 깔끔한 웹사이트, 전자 상거래(E-Commerce) 사이트의 특징과 함께 다양한 사진 공유 서비스를 갤러리 형식으로 제공하는 jQuery 기반의 플러그인, 플래시 파일을 HTML5로 변환해 주는 구글의 Swiffy를 만나보세요. ]]></description>
			<content:encoded><![CDATA[<h4>Showcase of Black and White Web Design</h4>
<p>블랙 &amp; 화이트의 멋을살린 깔끔한 디자인의 25개 웹사이트를 소개합니다. </p>
<p><a href="http://dzineblog.com/2011/07/showcase-of-black-and-white-web-design.html" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol68_4.jpg" alt="Showcase of Black and White Web Design" width="675" height="638" class="alignnone size-full wp-image-485594" /></a></p>
<h4>Responsive Web Design: A Quick Guide and Creative Examples</h4>
<p>반응형 웹디자인을 기획하고 계신가요? 깔끔한 개념 정리와 예시 사이트를 통해 반응형 웹디자인과 가까워질 수 있습니다. </p>
<p><a href="http://www.stumbleupon.com/su/2c3tVK/www.boostinspiration.com/web-design/responsive-web-design-quick-guide-creative-examples/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol68_3_border.jpg" alt="Responsive Web Design: A Quick Guide and Creative Examples" width="674" height="549" class="alignnone size-full wp-image-485595" /></a></p>
<h4>Essential E-Commerce Website Features: Tips and Examples</h4>
<p>전자 상거래 웹사이트들의 특징과 디자인시 참고할만한 좋은 예시들을 소개합니다.</p>
<p><a href="http://sixrevisions.com/user-interface/e-commerce-website-features-tips-examples/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol68_2_border.jpg" alt="Essential E-Commerce Website Features: Tips and Examples" width="674" height="576" class="alignnone size-full wp-image-485596" /></a></p>
<h4>Mosaiqy: a nice jQuery plugin  </h4>
<p>플리커, Instagram 및 Panoramio의 이미지를 검색하여 갤러리형식으로 제공하는 jQuery 플러그인 Mosaiqy를 소개합니다. </p>
<p><a href="http://www.fabriziocalderan.it/mosaiqy/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol68_5.jpg" alt="Mosaiqy: a nice jQuery plugin " width="675" height="641" class="alignnone size-full wp-image-485597" /></a></p>
<h4>Convert SWF To HTML5 With Google Swiffy </h4>
<p>구글 Swiffy로 무거운 SWF 파일을 가벼운 HTML5로 변환해 보세요. 벡터 그래픽, 타임라인 애니메이션과 같은 기능도 HTML5로 지원합니다. </p>
<p><a href="http://www.webresourcesdepot.com/convert-swf-to-html5-with-google-swiffy/" target="_blank"><img src="http://www.metabrain.com/files/2011/08/metabrain-tweekly-report-vol68_1_boader.jpg" alt="Convert SWF To HTML5 With Google Swiffy" width="673" height="341" class="alignnone size-full wp-image-485598" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol68/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5로 구현된 웹 서비스를 만나보세요.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol67/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol67/#comments</comments>
		<pubDate>Fri, 15 Jul 2011 04:53:08 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[tweekly report]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485559</guid>
		<description><![CDATA[HTML5로 구현된 다양한 웹 서비스와 프레임 워크를 만나보세요. 시선을 끌어당기는 강한 임팩트의 인쇄 광고는 물론 멋진 네비게이션이 돋보이는 웹 사이트 쇼케이스, 사이트를 더욱 돋보이게 할 카피의 기술이 담긴 유용한 글이 함께합니다. ]]></description>
			<content:encoded><![CDATA[<h4>The Endless Mural </h4>
<p>당신만의 벽화를 그려보세요. 반복된 패턴으로 그림도 그리고 글로벌 협업도 가능한 HTML5로 구현된 웹 사이트를 소개합니다. </p>
<p><a href="http://endlessmural.com/" target="_blank"><img src="http://www.metabrain.com/files/2011/07/metabrain-tweekly-report-vol67_5.jpg" alt="The Endless Mural " width="675" height="462" class="alignnone size-full wp-image-485560" /></a></p>
<h4>Useful Script Framework &#8211; Paper.js </h4>
<p>HTML5 캔버스를 사용한 웹 브라우저용 백터 그래픽으로 깔끔한 그래픽과 문서제작에 유용한 스크립팅 프레임 웍 Paper.js를 소개합니다.</p>
<p><a href="http://paperjs.org" target="_blank"><img src="http://www.metabrain.com/files/2011/07/metabrain-tweekly-report-vol67_2_border.jpg" alt="Paper.js" width="674" height="569" class="alignnone size-full wp-image-485561" /></a></p>
<h4>40 Minimalist Print Ads That’ll Catch Your Eye </h4>
<p>한 마디의 말이 열 마디보다 강력할 수 있습니다. 당신의 시선을 사로잡을 미니멀한 40개의 인쇄 광고를 소개합니다.</p>
<p><a href="http://www.inspiredm.com/40-minimalist-print-ads-thatll-catch-your-eye/" target="_blank"><img src="http://www.metabrain.com/files/2011/07/metabrain-tweekly-report-vol67_1.jpg" alt="40 Minimalist Print Ads That’ll Catch Your Eye " width="675" height="944" class="alignnone size-full wp-image-485562" /></a></p>
<h4>25 Beautiful Navigation Menus </h4>
<p>멋진 네비게이션 디자인이 적용된 25개의 웹사이트들을 소개합니다. </p>
<p><a href="http://vandelaydesign.com/blog/galleries/navigation-menus/" target="_blank"><img src="http://www.metabrain.com/files/2011/07/metabrain-tweekly-report-vol67_4.jpg" alt="25 Beautiful Navigation Menus" width="675" height="330" class="alignnone size-full wp-image-485563" /></a></p>
<h4>Five Copywriting Errors That Can Ruin A Company’s Website </h4>
<p>디자인과 편리한 네비게이션을 가졌더라도 글 하나가 귀사의 웹사이트를 망칠 수 있습니다. 여기 웹사이트를 망칠 수 있는 다섯가지 카피라이팅 오류를 통해 임팩트있는 귀사만의 메인 카피를 준비해 보십시오.</p>
<p><a href="http://www.smashingmagazine.com/2011/06/29/five-copywriting-errors-that-can-ruin-a-company-website/" target="_blank"><img src="http://www.metabrain.com/files/2011/07/metabrain-tweekly-report-vol67_3_border.jpg" alt="Five Copywriting Errors That Can Ruin A Company’s Website" width="673" height="764" class="alignnone size-full wp-image-485564" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol67/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>가볍고 관리하기 쉬워 최근 인기를 끌고 있는 HTML5/CSS3 프레임워크를 만나보세요.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol66/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol66/#comments</comments>
		<pubDate>Tue, 05 Jul 2011 04:19:52 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[tweekly report]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485478</guid>
		<description><![CDATA[가볍고 관리하기 쉬워 최근 인기를 끌고 있는 HTML5/CSS3 프레임 워크와 기억 속에 오래 간직될 포스터 디자인, 구글 캘린더를 대체할 만한 15가지의 웹기반 캘린더 서비스, 다양한 모바일 디바이스에서의 웹사이트 모습을 확인할 수 있는 개발 툴을 소개합니다.  ]]></description>
			<content:encoded><![CDATA[<h4>15 Superb Examples Of Well Designed Posters</h4>
<p>당신의 머릿속에 오래도록 간직될 아름다운 포스터 디자인을 소개합니다.</p>
<p><a href="http://www.topdesignmag.com/15-superb-examples-of-well-designed-posters/" target="_blank"><img src="http://www.metabrain.com/files/2011/07/metabrain_tweeklyreport_21.jpg" alt="" width="675" height="1041" class="alignnone size-full wp-image-485506" /></a></p>
<h4>Useful HTML5/CSS3 Frameworks</h4>
<p>가볍고 관리하기 쉬워 최근 인기를 끌고 있는 HTML5/CSS3 프레임워크를 소개합니다.</p>
<p><a href="http://webexpedition18.com/articles/useful-html5css3-frameworks/" target="_blank"><img src="http://www.metabrain.com/files/2011/07/metabrain_tweeklyreport_11.jpg" alt="" width="675" height="605" class="alignnone size-full wp-image-485507" /></a></p>
<h4>15 Cool Alternatives to Google Calendar</h4>
<p>구글 캘린더의 아쉬운 점을 보완한 15가지의 웹기반 캘린더 서비스를 소개해 드립니다.</p>
<p><a href="http://alturl.com/gauto" target="_blank"><img src="http://www.metabrain.com/files/2011/07/metabrain_tweeklyreport_3_border-.jpg" alt="" width="673" height="466" class="alignnone size-full wp-image-485515" /></a></p>
<h4>Preview Tool for Mobile Development</h4>
<p>아이폰은 물론 HTC Evo, 블랙베리 Storm까지. 귀사의 웹 사이트를 디바이스 별로 체크해 보세요.</p>
<p><a href="http://www.springbox.com/mobilizer/" target="_blank"><img src="http://www.metabrain.com/files/2011/07/metabrain_tweeklyreport_4_border-1.jpg" alt="" width="674" height="460" class="alignnone size-full wp-image-485516" /></a></p>
<h4>An Exploration of Website Redesigns: Tips and Examples</h4>
<p>웹사이트 리뉴얼 시 고려해야 할 디자인 요소를 사이트 리뉴얼 사례와 함께 살펴보세요.</p>
<p><a href="http://sixrevisions.com/web_design/an-exploration-of-website-redesigns-tips-and-examples/" target="_blank"><img class="alignnone size-full wp-image-485482" src="http://www.metabrain.com/files/2011/07/metabrain_tweeklyreport_5.jpg" alt="" width="675" height="1057" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol66/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery Mobile Beta 1.0 버전과 50여개의 Mobile 개발 팁을 소개합니다.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol65/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol65/#comments</comments>
		<pubDate>Fri, 24 Jun 2011 02:50:08 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[tweekly report]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485447</guid>
		<description><![CDATA[jQuery Mobile Beta 1.0 배포와 함께 50여개의 다양한 Mobile 개발 팁을 소개합니다. 뛰어난 블로그 디자인과 다양한 컬러배합을 볼 수 있는 사이트 소개와 함께 효율적이고 규칙적인 CSS작성에 도움을 주는 유용한 서비스 등을 만나보세요. ]]></description>
			<content:encoded><![CDATA[<h4>25 Exceptional Blog Designs</h4>
<p>매력적인 디자인으로 방문자에게 긍정적인 영향을 주는 25개의 뛰어난 블로그 디자인을 감상하세요.</p>
<p><a href="http://bit.ly/lJtpS1" target="_blank"><img class="alignnone size-full wp-image-485450" src="http://www.metabrain.com/files/2011/06/metabrain-tweekly-report-vol65_2.png" alt="" width="675" height="597" /></a></p>
<h4>Colorpilgrim: Color Sensibility For Inspired Living  </h4>
<p>컬러 배합에 관심이 있으신가요? Colorpilgrim에서 분야별 다양한 컬러 배합 예시와 트랜드를 살펴 보실수 있습니다.</p>
<p><a href="http://bit.ly/jVqAjd" target="_blank"><img src="http://www.metabrain.com/files/2011/06/metabrain-tweekly-report-vol65_5.png" alt="" width="675" height="582" class="alignnone size-full wp-image-485448" /></a></p>
<h4>jQuery Mobile Beta 1 Released! </h4>
<p>jQuery Mobile Beta 1.0 버전이 배포 되었습니다. <a href="http://bit.ly/m70UVj" target="_blank">bit.ly/m70UVj</a> 50가지의 jQuery Mobile 개발 팁도 함께 소개합니다. <a href="http://bit.ly/iqrjhO" target="_blank">bit.ly/iqrjhO</a></p>
<p><a href="http://bit.ly/m70UVj" target="_blank"><img src="http://www.metabrain.com/files/2011/06/metabrain-tweekly-report-vol65_1.png" alt="" width="675" height="446" class="alignnone size-full wp-image-485449" /></a></p>
<h4>CSS Lint  </h4>
<p>문법 디버깅 작업을 통해 더욱 간결한 코드와 효율적이고 규칙적인 CSS 작성에 도움을 주는 CSS LINT를 사용해보세요.</p>
<p><a href="http://csslint.net/" target="_blank"><img src="http://www.metabrain.com/files/2011/06/metabrain-tweekly-report-vol65_4.png" alt="" width="675" height="615" class="alignnone size-full wp-image-485452" /></a></p>
<h4>SEO Beyond Your Site </h4>
<p>새로운 검색엔진 최적화(SEO) 시대에 동참 하십시오. 다양한 웹서비스들이 귀사의 콘텐츠를 노출시켜 줍니다.<br />
<a href="http://bit.ly/lD3U11" target="_blank"><img src="http://www.metabrain.com/files/2011/06/metabrain-tweekly-report-vol65_3.png" alt="" width="675" height="702" class="alignnone size-full wp-image-485451" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol65/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

