<?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>Amphur.in.th &#187; Design</title>
	<atom:link href="http://www.amphur.in.th/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.amphur.in.th</link>
	<description>พงษ์ศักดิ์ สาระภักดี ชื่อเล่นอำเภอ เรื่องที่สนใจมีมากมาย หลายอย่าง game, design, website, software</description>
	<lastBuildDate>Wed, 11 Jan 2012 00:34:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>ราคาชุดโปรแกรม Adobe สำหรับนักเรียน นักศึกษา อาจารย์</title>
		<link>http://www.amphur.in.th/adobe-student-and-teacher-editions/</link>
		<comments>http://www.amphur.in.th/adobe-student-and-teacher-editions/#comments</comments>
		<pubDate>Wed, 11 Jan 2012 00:25:12 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[ราคา]]></category>
		<category><![CDATA[ออกแบบ]]></category>
		<category><![CDATA[โปรแกรม]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=6683</guid>
		<description><![CDATA[เป็นโอกาสอันดีที่นักเรียน นักศึกษา จะได้ใช้โปรแกรมทางด้านการออกแบบอย่างถูกกฎหมาย(เสียที) เมื่อ Adobe ประกาศสนับสนุนวงการศึกษาไทยโดยออกเวอร์ชั่นเพื่อการศึกษาลดราคากว่า 80% อยู่ในระดับที่มือสมัครเล่น(มืออาชีพในอนาคต) อย่างนักเรียน นักศึกษา สามารถจ่ายได้ ดูรายละเอียดและเงือนไข กันเลยครับ]]></description>
			<content:encoded><![CDATA[<p>เป็นโอกาสอันดีที่นักเรียน นักศึกษา จะได้ใช้โปรแกรมทางด้านการออกแบบอย่างถูกกฎหมาย(เสียที) เมื่อ Adobe ประกาศสนับสนุนวงการศึกษาไทยโดยออกเวอร์ชั่นเพื่อการศึกษาลดราคากว่า 80% อยู่ในระดับที่มือสมัครเล่น(มืออาชีพในอนาคต) อย่างนักเรียน นักศึกษา สามารถจ่ายได้ ดูรายละเอียดและเงือนไข กันเลยครับ</p>
<h2>ราคาชุดโปรแกรม Adobe สำหรับนักเรียน นักศึกษา อาจารย์</h2>
<p>CS5.5 Design Premium ราคา 3,499 บาท<br />
CS5.5 Design Standard ราคา 2,499 บาท<br />
CS5.5 Web Premium ราคา 3,499 บาท<br />
Acrobat X Pro ราคา 1,299 บาท<br />
ราคาถูกลง 80% เลยทีเดียว แต่ละชุดประกอบด้วยซอร์ฟแวร์อะไรบ้าง ดูภาพประกอบ</p>
<div id="attachment_6684" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2012/01/adobe-ste.png"><img class="size-medium wp-image-6684" title="adobe-ste" src="http://www.amphur.in.th/wp-content/uploads/2012/01/adobe-ste-600x158.png" alt="adobe ste 600x158 ราคาชุดโปรแกรม Adobe สำหรับนักเรียน นักศึกษา อาจารย์ " width="600" height="158" /></a><p class="wp-caption-text">ชุดโปรแกรม Adobe CS5.5</p></div>
<h2>สิ่งที่ควรรู้</h2>
<p>ผมคัดมาจากเว็บไซต์ของคุณขจร ตามไปอ่านที่ต้นฉบับได้ที่ <a href="http://www.indesignthai.com/?p=817" target="_blank">http://www.indesignthai.com</a></p>
<ul>
<li>- Adobe STE เป็นรูปแบบการขายให้กับ นักเรียน นักศึกษา ครูผู้สอนที่มีสังกัดในสถาบันการศึกษาที่มีหลักสูตรต่อเนื่องอย่างน้อย 2 ปี</li>
<li>- ไม่จำกัดว่าเป็นรัฐบาลหรือเอกชน ขอให้มีเอกสารรับรองตัวตนว่าเป็นนักเรียน นักศึกษา ครูผู้สอนของสถาบันนั้นๆ</li>
<li>- มีสิทธิ์ซื้อได้ปีละ 1 ครั้ง 1 ชุดเท่านั้น โดยมีผลิตภัณฑ์​ 4 ชุดให้เลือกได้แก่ CS5.5 Design Premium, CS5.5 Design Standard, CS5.5 Web Premium และ AcrobatX</li>
<li>- เมื่อจบการศึกษาแล้ว สามารถ Upgrade เป็น Commercial ได้ (แต่เพิ่มเงินเป็นไปตามระบบ Commercial)</li>
<li>- สำหรับอาจารย์พิเศษซื้อได้ถ้ามีใบรับรองจากสถาบันการศึกษา มีหลักฐานการรับเงินค่าสอนจากสถาบันการศึกษา</li>
<li>- ต้องติดตั้งลงบนเครื่องคอมพิวเตอร์ส่วนตัวเท่านั้น ไม่สามารถติดตั้งลงบนเครื่องของสถาบัน องค์กรที่สังกัดได้</li>
<li>- สามารถใช้งานได้ไม่มีวันหมดอายุ ปกติซอฟท์แวร์ของ Adobe สามารถติดตั้งได้ 2 เครื่องแต่นับเป็น 1 Account เท่านั้น</li>
<li>- นำไปใช้ในเครื่องสำนักงานถือว่าผิดกฎหมาย</li>
<li>- สามารถเอาไปทำงานหาเงินได้ และมีบางกรณีที่ลูกค้าต่างประเทศจะตรวจสอบเวอร์ชั่นที่ใช้ทำงานให้ลูกค้า และเขาก็อาจจะไม่รับงาน ยกเว้นเราคิดราคาแบบงานนักเรียน (ไม่ใช่เรื่องผิดกฏหมาย แต่ต่างประเทศเขาถือว่าคนทำงานเอาเปรียบที่ใช้มือสมัครเล่นทำงาน)</li>
</ul>
<h2>ติดต่อสั่งซื้อได้ที่</h2>
<p>Asoft1 Company Limited Tel: +6622867794-5</p>
<p>S P V I Co., Ltd Tel: +66 2 559 2901</p>
<p>Website: <a title="http://www.spv.co.th/" href="http://www.spv.co.th/" target="_blank">http://www.spv.co.th/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/adobe-student-and-teacher-editions/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ฟรีอีบุ๊ค Best of Smashing Magazine ฉลองอายุ 5 ปี ePub(iPad), PDF, Mobi(Kindle)</title>
		<link>http://www.amphur.in.th/free-best-of-smashing-magazine-anniversary-ebook/</link>
		<comments>http://www.amphur.in.th/free-best-of-smashing-magazine-anniversary-ebook/#comments</comments>
		<pubDate>Mon, 12 Sep 2011 16:40:08 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Book]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Designer]]></category>
		<category><![CDATA[e-book]]></category>
		<category><![CDATA[ebook]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Kindle]]></category>
		<category><![CDATA[magazine]]></category>
		<category><![CDATA[หนังสือ]]></category>
		<category><![CDATA[ออกแบบ]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=6472</guid>
		<description><![CDATA[Smashing Magazine เป็นบล็อกที่เขียนเกี่ยวกับการออกแบบ งานด้านกราฟิก เว็บไซต์ เริ่มออนไลน์มาตั้งแต่ปี 2006 เนื้อหาแน่นมาก ระดับมือาชีพ แต่ละโพสเข้าขั้นรวมเล่มทำเป็นหนังสือได้เลย หลายๆครั้งที่คิดอะไรไม่ออก]]></description>
			<content:encoded><![CDATA[<div id="attachment_6473" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/09/free-Best-of-Smashing-Magazine-Anniversary-eBook.jpg"><img class="size-full wp-image-6473" title="free -Best-of-Smashing-Magazine-Anniversary-eBook" src="http://www.amphur.in.th/wp-content/uploads/2011/09/free-Best-of-Smashing-Magazine-Anniversary-eBook.jpg" alt="free Best of Smashing Magazine Anniversary eBook ฟรีอีบุ๊ค Best of Smashing Magazine ฉลองอายุ 5 ปี ePub(iPad), PDF, Mobi(Kindle)  " width="500" height="644" /></a><p class="wp-caption-text">free “Best of Smashing Magazine” Anniversary eBook.</p></div>
<p><strong>Smashing Magazine</strong> เป็นบล็อกที่เขียนเกี่ยวกับการออกแบบ งานด้านกราฟิก เว็บไซต์ ฟอนต์ และอื่นๆอีกมากมาย เริ่มออนไลน์มาตั้งแต่ปี 2006 เนื้อหาแน่น มีคุณภาพมาก เขียนในแบบมืออาชีพ แต่ละโพสเข้าขั้นรวมเล่มทำเป็นหนังสือได้เลย หลายๆครั้งที่คิดอะไรไม่ออก หรือหา reference ไอคอน ธีมเว็บไซต์สวยๆ ที่แรกที่คิดถึงคือที่นี้  เมื่อสัปดาห์ที่ผ่านมา(8 Sep 2011) เป็นวันครบรอบ 5 ปี ของเว็บไซต์ ทีมงานได้ฉลองวันครบรอบด้วย แจกอีบุ๊คฟรี!</p>
<p><strong>&#8220;Best of Smashing Magazine”</strong> To Five Smashing Years: An Anniversary eBook เป็นอีบุ๊คแจกฟรี โดยเนื้อหาภายในเป็นโพสที่ได้รับความนิยม น่าสนใจ สร้างแรงบันดาลใจได้ดีที่สุด ตลอด 5 ปีที่ผ่านมา คู่ควรเก็บไว้ในเครื่องอย่างยิ่ง ไฟล์อีบุ๊คมีหลายเวอร์ชั่น รองรับ e-book reader ตัวหลักๆหมด ได้แก่ ePub(iPad), PDF, Mobi(Kindle)</p>
<p><strong>ดาวน์โหลดอีบุ๊คฟรีได้ที่</strong><br />
<a href="http://itunes.apple.com/book/best-of-smashing-magazine/id456595375?mt=11">Free download on iTunes</a><br />
<a href="http://anniversary.smashingmagazine.com/best-of-smashing-magazine.zip">Free download on Smashing Magazine</a> (.zip, 55 Mb) 409 หน้า</p>
<p><strong>เนื้อหา </strong></p>
<ul>
<li>“Thirty Usability Issues to Be Aware Of”  —  <em>Vitaly Friedman</em></li>
<li>“Ten Principles of Effective Web Design”  —  <em>Vitaly Friedman</em></li>
<li>“Clever JPEG Optimization Techniques”  —  <em>Sergey Chikuyonok</em></li>
<li>“Typographic Design Patterns and Best Practices”  —  <em>Smashing Editorial team</em></li>
<li>“Ten Useful Usability Findings and Guidelines”  —  <em>Dmitry Fadeyev</em></li>
<li>“Setting Up Photoshop for Web and iPhone Development”  —  <em>Marc Edwards</em></li>
<li>“The Ails of Typographic Anti-Aliasing”  —  <em>Tom Giannattasio</em></li>
<li>“Mastering Photoshop: Noise, Textures and Gradients”  —  <em>Marc Edwards</em></li>
<li>“Better User Experience With Storytelling”  —  <em>Francisco Inchauste</em></li>
<li>“The Beauty of Typography, Writing Systems and Calligraphy”  —  <em>Jessica Bordeau</em></li>
<li>“Web Designers, Don’t Do It Alone”  —  <em>Paul Boag</em></li>
<li>“Making Your Mark on the Web Is Easier Than You Think”  —  <em>Christian Heilmann</em></li>
<li>“Responsive Web Design: What It Is and How to Use It”  —  <em>Kayla Knight</em></li>
<li>“I Want to Be a Web Designer When I Grow Up”  —  <em>Michael Aleo</em></li>
<li>“Persuasion Triggers in Web Design”  —  <em>David Travis</em></li>
<li>“What Font Should I Use?”  —  <em>Dan Mayer</em></li>
<li>“The Design Matrix: A Powerful Tool for Guiding Client Input”  —  <em>Bridget Fahrland</em></li>
<li>“Why User Experience Cannot Be Designed”  —  <em>Helge Fredheim</em></li>
<li>“Dear Web Design Community, Where Have You Gone?”  —  <em>Vitaly Friedman</em></li>
<li>“Make Your Content Make a Difference”  —  <em>Colleen Jones</em></li>
<li>“Two Cats in a Sack: Designer-Developer Discord”  —  <em>Cassie McDaniel</em></li>
<li>“Print Loves Web”  —  <em>Mark Cossey</em></li>
</ul>
<p><em>ที่มา: <a href="http://www.smashingmagazine.com/2011/09/08/to-five-smashing-years-and-a-free-anniversary-ebook-treat/" target="_blank">http://www.smashingmagazine.com</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/free-best-of-smashing-magazine-anniversary-ebook/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>รวมผลงานออกแบบหน้าตา Facebook แบบใหม่</title>
		<link>http://www.amphur.in.th/facebook-concept-design/</link>
		<comments>http://www.amphur.in.th/facebook-concept-design/#comments</comments>
		<pubDate>Sat, 20 Aug 2011 18:54:41 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Social Network]]></category>
		<category><![CDATA[ออกแบบ]]></category>
		<category><![CDATA[เว็บไซต์]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=6377</guid>
		<description><![CDATA[มีศิลปินหลายคนคงไม่ค่อยพอใจกับหน้าตาของ Facebook หรือ อาจจะแค่อยากลองออกแบบเว็บไซต์ Social network ที่มีคนใช้งานเยอะที่สุดในโลก แต่หลายอันที่ออกแบบมาทำให้ Facebook ดูน่าใช้ขึ้นไม่น้อย]]></description>
			<content:encoded><![CDATA[<p>มีศิลปินหลายคนคงไม่ค่อยพอใจกับหน้าตาของ Facebook หรือ อาจจะแค่อยากลองออกแบบเว็บไซต์ Social network ที่มีคนใช้งานเยอะที่สุดในโลก อยากแสดงความสามารถว่าทำออกมาได้ดีกว่าปัจจุบัน มีหลายๆครั้งที่คนโชว์ความสามารถแนวนี้แล้วได้งานทำจริงๆ มีตัวอย่างให้เห็นเยอะแล้ว</p>
<p>การออกแบบหน้าตา Facebook ของแต่ละคนดูดีแตกต่างกันไป หลายอันทำออกมาได้น่าดู น่าใช้ขึ้นไม่น้อย เว็บไซต์ Hongkiat รวบรวมไว้ ผมเห็นว่าน่าสนใจเลยเอาแชร์ นอกจาก Facebook แล้วยังมีเว็บไซต์อื่นๆด้วยที่ศิลปินได้ออกแบบหน้าตาใหม่ให้ เช่น Google, Myspace, Youtube, IMDb เป็นต้น เข้าไปดูได้ที่ลิงค์ที่มาด้านล่างครับ</p>
<h2>Facebook Concept Design</h2>
<p><strong>1. Barton Smith</strong></p>
<div id="attachment_6387" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-1.png"><img class="size-full wp-image-6387" title="Facebook-Facelift-1" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-1.png" alt="Facebook Facelift 1 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" width="600" height="402" /></a><p class="wp-caption-text">Facebook-Facelift</p></div>
<div id="attachment_6398" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-13.png"><img class="size-full wp-image-6398" title="Facebook-Facelift-13" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-13.png" alt="Facebook Facelift 13 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" width="600" height="375" /></a><p class="wp-caption-text">Facebook Facelift</p></div>
<p>ผลงานแรกเป็นของ Barton Smith ในชื่อ The Facebook Facelift ปรับแต่งใหม่ทั้งหมด ทั้ง Home, Feed, Event, Photo ทำออกมาดูดีมาก เน้นโทนขาว เทา ฟ้า ใช้พื้นที่ได้เต็มจอ มีวีดีโอสาธิตการใช้งานด้วย เข้าไปดูผลงานของเขาแบบเต็มๆได้ที่ <a href="http://www.behance.net/gallery/Facebook-Facelift-Home-Profiles-Publisher/314489" rel="external" target="_blank">Barton Smith</a></p>
<p><strong>2. Information Architects</strong></p>
<div id="attachment_6381" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_information-architect.jpg"><img class="size-full wp-image-6381" title="facebook-main-page_information-architect" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_information-architect.jpg" alt="facebook main page information architect รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" width="600" height="401" /></a><p class="wp-caption-text">Facebook by information architect</p></div>
<p>ผลงานโดยบริษัททำงานออกแบบโดยตรง Facebook ในแบบของพวกเขาถูกออกแบบมาให้เหมือนกับอีเมลแอพลิเคชั่น แบ่งออกเป็น 3 คอลัมน์ คือ ส่วนของ filter แยกกลุ่มของเนื้อหาที่จะแสดงใน information-stream ที่อยู่ตรงกลาง และ reaction ที่จะใช้โต้ตอบคอมเม้นต์ในหัวข้อนั้นๆ ดูรายละเอียดได้ที่ <a href="http://www.informationarchitects.jp/en/ias-2006-facebook-designs-redesigned/" target="_blank">http://www.informationarchitects.jp</a></p>
<p><strong>3. Justin Dauer </strong></p>
<div id="attachment_6383" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_justin-dauer.jpg"><img class="size-full wp-image-6383" title="facebook-main-page_justin-dauer" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_justin-dauer.jpg" alt="facebook main page justin dauer รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" width="600" height="556" /></a><p class="wp-caption-text">Facebook by Justin Dauer</p></div>
<p>Facebook หาตาแบบใหม่ของ Justin Dauer ดูเรียบมีสไตล์คล้ายบล็อกเหมือนกันนะ ดึงเอารายละเอียดของผู้ใช้มาอยู่ด้านขวา เมนูสำคัญพร้อมกับ notification แสดงดูด้านบน ดูดีมาก รายละเอียดดูที่ <a href="http://www.pseudoroom.com/lab/facebook-redesigned/" rel="external" target="_blank">pseudoroom design</a></p>
<p><strong>4. Peter Knoll</strong></p>
<div id="attachment_6384" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_peter-knoll.jpg"><img class="size-full wp-image-6384" title="facebook-main-page_peter-knoll" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_peter-knoll.jpg" alt="facebook main page peter knoll รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" width="600" height="661" /></a><p class="wp-caption-text">Facebook by Peter Knoll</p></div>
<p>ตัวนี้เมนูด้านบนยังคงคล้ายๆกับหน้าตาของ Facebook ในปัจจุบัน และเน้นส่วนของ post ให้ใหญ่และเด่นมากขึ้น แต่ส่วน New Feed จะเหมือนกับ Google+ เลย ดูรายละเอียดเพิ่มเติมที่ <a href="http://www.behance.net/gallery/Facebook-redesign/1292667" rel="external" target="_blank">Peter Knoll</a></p>
<p><strong>5. AndasoloARTS</strong></p>
<div id="attachment_6378" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_andasoloarts.jpg"><img class="size-full wp-image-6378" title="facebook-main-page_andasoloarts" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_andasoloarts.jpg" alt="facebook main page andasoloarts รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" width="600" height="710" /></a><p class="wp-caption-text">Facebook by AndasoloARTS</p></div>
<p>การออกแบบ Facebook ตัวนี้มีโทนสีคล้ายกับของ Peter Knoll ส่วนที่แตกต่างออกไปคือส่วนของ New Feed ที่ใหญ่ขึ้นและดูดีขึ้น รายละเอียดดูที่ <a href="http://andasoloarts.deviantart.com/art/Facebook-Re-Design-Sold-179813246" rel="external" target="_blank">AndasoloARTS</a></p>
<p><strong>6. Jonaska</strong></p>
<div id="attachment_6382" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_jonaska.jpg"><img class="size-full wp-image-6382" title="facebook-main-page_jonaska" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_jonaska.jpg" alt="facebook main page jonaska รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" width="600" height="720" /></a><p class="wp-caption-text">Facebook by Jonaska</p></div>
<p>อันนี้ได้แรงบันดาลใจมาจาก AndasoloARTS โดยปรับปรุงส่วนของช่องโพส ช่องค้นหา และส่วนอื่นๆให้ดูดีขึ้น รายละเอียดที่ <a href="http://jonaska.deviantart.com/art/Facebook-Redesign-201225016" rel="external" target="_blank">Jonaska</a></p>
<p><strong>7. Czarny-Design</strong></p>
<div id="attachment_6380" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_czarny-design.jpg"><img class="size-full wp-image-6380" title="facebook-main-page_czarny-design" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_czarny-design.jpg" alt="facebook main page czarny design รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" width="600" height="818" /></a><p class="wp-caption-text">Facebook by Czarny Design</p></div>
<p>หน้าตาใหม่ของ Facebook ที่ออกแบบโดย Czarny Design จะเน้นไปที่การใช้เส้นโค้งในการออกแบบมากขึ้น เน้นช่องคอมเม้นต์ให้เด่นมากขึ้น ดูรายละเอียดเพิ่มเติมที่ <a href="http://czarny-design.deviantart.com/art/Facebook-Redesign-207885629" rel="external" target="_blank">Czarny-Design</a></p>
<p>การออกแบบหน้าตาใหม่ให้ Facebook ของแต่ละคนก็มีรูปแบบที่แตกต่างกัน หลายๆอันอยากให้เอาไปใช้จริงๆเลยนะ อย่างเช่นของ Justin Dauer ผมว่าเข้าขั้นน่าใช้เลยล่ะ แต่ทุกครั้งที่ Facebook มีการอัพเดตหน้าตาใหม่ช่วงแรกๆจะมีคนบ่นอยู่ซักพักจากนั้นก็จะชินและเลิกบ่นไปเอง ประมาณว่าเขาให้ใช้อะไรก็ต้องใช้ไป แต่ผมว่าเว็บไซต์ที่มีคนใช้งานเยอะขนาดนั้นเข้าต้องวิจัยและทดลองใช้มาก่อนอยู่แล้วจึงจะปล่อยให้คนทั่วไปใช้ และมันต้องเป็นมิตรกับคนใช้งาน ไม่ยุ่งยากเกินไป ซึ่งผมว่าปัจจุบัน Facebook ก็ทำได้ดีมากอยู่แล้ว</p>
<p>เห็นคนอื่นออกแบบ Facebook ในฉบับของเขา คุณอยากลองทำเองบ้างไหมครับ ใครทำแล้วแชร์มาให้ดูด้วยนะครับ</p>
<p>ที่มา: <a title="18 Cool Concept Designs (Facelift) Of Notable Websites" href="http://www.hongkiat.com/blog/concept-design-facelift-notable-websites/" target="_blank">http://www.hongkiat.com/blog/concept-design-facelift-notable-websites</a></p>
<p><strong>รวมภาพการออกแบบหน้าตา Facebook ของแต่ละคนทั้งหมด</strong></p>

<a href='http://www.amphur.in.th/facebook-concept-design/facebook-main-page_andasoloarts/' title='facebook-main-page_andasoloarts'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_andasoloarts-80x80.jpg" class="attachment-thumbnail" alt="facebook main page andasoloarts 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="facebook-main-page_andasoloarts" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-main-page_barton-smith/' title='facebook-main-page_barton-smith'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_barton-smith-80x80.jpg" class="attachment-thumbnail" alt="facebook main page barton smith 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="facebook-main-page_barton-smith" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-main-page_czarny-design/' title='facebook-main-page_czarny-design'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_czarny-design-80x80.jpg" class="attachment-thumbnail" alt="facebook main page czarny design 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="facebook-main-page_czarny-design" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-main-page_information-architect/' title='facebook-main-page_information-architect'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_information-architect-80x80.jpg" class="attachment-thumbnail" alt="facebook main page information architect 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="facebook-main-page_information-architect" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-main-page_jonaska/' title='facebook-main-page_jonaska'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_jonaska-80x80.jpg" class="attachment-thumbnail" alt="facebook main page jonaska 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="facebook-main-page_jonaska" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-main-page_justin-dauer/' title='facebook-main-page_justin-dauer'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_justin-dauer-80x80.jpg" class="attachment-thumbnail" alt="facebook main page justin dauer 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="facebook-main-page_justin-dauer" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-main-page_peter-knoll/' title='facebook-main-page_peter-knoll'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-main-page_peter-knoll-80x80.jpg" class="attachment-thumbnail" alt="facebook main page peter knoll 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="facebook-main-page_peter-knoll" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-notifications-page_barton-smith/' title='facebook-notifications-page_barton-smith'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-notifications-page_barton-smith-80x80.jpg" class="attachment-thumbnail" alt="facebook notifications page barton smith 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="facebook-notifications-page_barton-smith" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-photos-page_barton-smith/' title='facebook-photos-page_barton-smith'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/facebook-photos-page_barton-smith-80x80.jpg" class="attachment-thumbnail" alt="facebook photos page barton smith 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="facebook-photos-page_barton-smith" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-1/' title='Facebook-Facelift-1'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-1-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 1 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-1" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-2/' title='Facebook-Facelift-2'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-2-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 2 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-2" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-3/' title='Facebook-Facelift-3'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-3-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 3 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-3" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-4/' title='Facebook-Facelift-4'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-4-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 4 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-4" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-5/' title='Facebook-Facelift-5'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-5-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 5 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-5" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-6/' title='Facebook-Facelift-6'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-6-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 6 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-6" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-8/' title='Facebook-Facelift-8'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-8-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 8 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-8" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-9/' title='Facebook-Facelift-9'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-9-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 9 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-9" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-10/' title='Facebook-Facelift-10'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-10-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 10 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-10" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-11/' title='Facebook-Facelift-11'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-11-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 11 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-11" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-12/' title='Facebook-Facelift-12'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-12-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 12 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-12" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-13/' title='Facebook-Facelift-13'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-13-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 13 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-13" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-14/' title='Facebook-Facelift-14'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-14-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 14 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-14" /></a>
<a href='http://www.amphur.in.th/facebook-concept-design/facebook-facelift-15/' title='Facebook-Facelift-15'><img width="80" height="80" src="http://www.amphur.in.th/wp-content/uploads/2011/08/Facebook-Facelift-15-80x80.png" class="attachment-thumbnail" alt="Facebook Facelift 15 80x80 รวมผลงานออกแบบหน้าตา Facebook แบบใหม่" title="Facebook-Facelift-15" /></a>

<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/facebook-concept-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>รวมเครื่องมือทดสอบการแสดงผลเว็บไซต์</title>
		<link>http://www.amphur.in.th/cross-browser-testing-tools/</link>
		<comments>http://www.amphur.in.th/cross-browser-testing-tools/#comments</comments>
		<pubDate>Sun, 07 Aug 2011 18:27:01 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[Cross-Browser]]></category>
		<category><![CDATA[IE6]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=6304</guid>
		<description><![CDATA[Smashing Magazine รวมเครื่องมือทดสอบการแสดงผลเว็บไซต์ของแต่ละ browser ไว้อย่างครบถ้วน ละเอียดมาก เห็นว่าน่าสนใจและเคยเขียนถึงตัวหนึ่งไว้เหมือนกันลองดูได้ที่ Adobe BrowserLab เครื่องมือทดสอบการแสดงผลเว็บไซต์]]></description>
			<content:encoded><![CDATA[<div id="attachment_6306" class="wp-caption alignnone" style="width: 490px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/08/browser-test.jpg"><img class="size-medium wp-image-6306" title="browser-test" src="http://www.amphur.in.th/wp-content/uploads/2011/08/browser-test-600x230.jpg" alt="browser test 600x230 รวมเครื่องมือทดสอบการแสดงผลเว็บไซต์" width="480" height="184" /></a><p class="wp-caption-text">Browser test</p></div>
<p>Smashing Magazine รวมเครื่องมือทดสอบการแสดงผลเว็บไซต์ของแต่ละ browser ไว้อย่างครบถ้วน ละเอียดมาก เห็นว่าน่าสนใจและเคยเขียนถึงตัวหนึ่งไว้เหมือนกันลองดูได้ที่ <a title="http://www.amphur.in.th/adobe-browserlab-online-tool-test-website/" href="http://www.amphur.in.th/adobe-browserlab-online-tool-test-website/" target="_blank">Adobe BrowserLab เครื่องมือทดสอบการแสดงผลเว็บไซต์</a> ในลิสต์ที่เขารวบรวมไว้จะมีทั้งตัวที่สามารถใช้ได้เลยผ่านทางเว็บไซต์ และตัวที่ต้องติดตั้งลงเครื่อง ตัวไหนที่ดีมี suport รองรับก็ต้องจ่ายตังค์ บริษัททำเว็บใหญ่ๆอาจจะต้องใช้ สำหรับใช้ในงานไม่ใหญ่มากแบบฟรีก็คงเป็นอะไรที่เหมาะสมแล้ว</p>
<p>ผมดึงมาเฉพาะตัวที่มีเวอร์ชั่นฟรีให้ใช้ หากใครสนใจอยากดูรายละเอียดแบบเต็มตามไปดูบทความของ Cameron Chapman ได้ที่ <a title="http://www.smashingmagazine.com/2011/08/07/a-dozen-cross-browser-testing-tools/" href="http://www.smashingmagazine.com/2011/08/07/a-dozen-cross-browser-testing-tools/" target="_blank">Review Of Cross-Browser Testing Tools</a> คิดว่าน่าจะมีประโยชน์กับคนทำเว็บ</p>
<table id="testing" width="100%" border="0" cellspacing="0" cellpadding="6">
<tbody>
<tr>
<th><em>Tool</em></th>
<th>Number of browser versions supported</th>
<th>IE?</th>
<th>Interactive testing?</th>
<th>Side-by-side testing?</th>
<th>Pricing</th>
</tr>
<tr>
<td><a href="https://browserlab.adobe.com/en-us/index.html#">Adobe BrowserLab</a></td>
<td>13</td>
<td>IE6+</td>
<td>No</td>
<td>Yes</td>
<td>Free</td>
</tr>
<tr>
<td><a href="http://browsershots.org/">Browsershots</a></td>
<td>60+</td>
<td>IE6+</td>
<td>No</td>
<td>No</td>
<td>Free</td>
</tr>
<tr>
<td><a href="http://expression.microsoft.com/en-us/dd565874.aspx">SuperPreview</a></td>
<td>Varies</td>
<td>IE6+</td>
<td>Yes</td>
<td>Yes</td>
<td>Free</td>
</tr>
<tr>
<td><a href="http://www.lunascape.tv/">Lunascape</a></td>
<td>3</td>
<td>IE6+</td>
<td>Yes</td>
<td>Yes</td>
<td>Free</td>
</tr>
<tr>
<td><a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a></td>
<td>6 versions of IE</td>
<td>IE5.5+</td>
<td>Yes</td>
<td>Yes</td>
<td>Free</td>
</tr>
<tr>
<td><a href="http://www.ipinfo.info/netrenderer/">IE NetRenderer</a></td>
<td>5 versions of IE</td>
<td>IE5.5+</td>
<td>No</td>
<td>No</td>
<td>Free</td>
</tr>
<tr>
<td><a href="http://spoon.net/browsers/">Spoon</a></td>
<td>16+</td>
<td>no IE</td>
<td>Yes</td>
<td>No</td>
<td>Free</td>
</tr>
<tr>
<td><a href="http://www.browsera.com/">Browsera</a></td>
<td>9</td>
<td>IE6+</td>
<td>No</td>
<td>Yes</td>
<td>Free – $99/month</td>
</tr>
<tr>
<td><a href="http://browserling.com/">Browserling</a></td>
<td>9</td>
<td>IE5.5+</td>
<td>No</td>
<td>No</td>
<td>Free – $20/month</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/cross-browser-testing-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TED Talks ที่มีซับภาษาไทย</title>
		<link>http://www.amphur.in.th/ted-talks-subtitled-in-thai/</link>
		<comments>http://www.amphur.in.th/ted-talks-subtitled-in-thai/#comments</comments>
		<pubDate>Tue, 28 Jun 2011 12:29:53 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Science]]></category>
		<category><![CDATA[Social Network]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Entertrainment]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[TED]]></category>
		<category><![CDATA[TEDTalk]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=6086</guid>
		<description><![CDATA[TED Talks เป็นที่นำเสนอไอเดียของเหล่าผู้มีชื่อเสียงในสังคมโลก เขียนถึงไปหลายครั้งแล้วดูได้ที่ tag TED แนวคิดของ TED คือกระจายแนวคิดออกไปให้ได้มากที่สุด จึงมีส่วนของการแปลภาษาเข้าไปด้วยเพื่อให้เข้าถึงคนทั่วโลกได้มากขึ้น]]></description>
			<content:encoded><![CDATA[<div id="attachment_6087" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/06/TED-Talks-subtitled-in-Thai.jpg"><img class="size-medium wp-image-6087" title="TED-Talks-subtitled-in-Thai" src="http://www.amphur.in.th/wp-content/uploads/2011/06/TED-Talks-subtitled-in-Thai-600x540.jpg" alt="TED Talks subtitled in Thai 600x540 TED Talks ที่มีซับภาษาไทย" width="600" height="540" /></a><p class="wp-caption-text">TED Talks ที่มีซับภาษาไทย</p></div>
<p><strong>TED Talks </strong>เป็นที่นำเสนอไอเดียของเหล่าผู้มีชื่อเสียงในสังคมโลก เขียนถึงไปหลายครั้งแล้วดูได้ที่ <a title="tag TED" href="http://www.amphur.in.th/tag/ted/" target="_blank">tag TED</a> แนวคิดของ TED คือกระจายแนวคิดออกไปให้ได้มากที่สุด จึงมีส่วนของการแปลภาษาเข้าไปด้วยเพื่อให้เข้าถึงคนทั่วโลกได้มากขึ้น ล่าสุดวีดีโอ TED Talks ที่ได้รับการแปลเป็นภาษาไทยมีอยู่ 165 คลิป แต่ละคลิปมีประโยชน์และน่าสนใจทั้งนั้น อยากให้ลองไปเปิดดู รับรองว่าจะเปิดมุมมองของเราให้กว้างเพิ่มขึ้นแน่นอน หัวข้อใหญ่ๆแยกเป็นหมวดหมู่ให้เลือกติดตาม คือ Technology, Entertainment, Design, Business, Science, Global issues ส่วนตัวผมชอบหัวข้อ Design กับ Science เป็นพิเศษ ถ้าสนใจแล้วอยากลองเข้าไปดูบ้างแล้ว ก็คลิกเลย <a title="TED Talks ที่มีซับไทย" href="http://www.ted.com/talks?lang=tha" target="_blank">TED Talks ที่มีซับภาษาไทย</a></p>
<p>นอกจากจะเชิญชวนให้ไปดูแล้ว อยากจะเชิญชวนคนที่มีความสามารถทางด้านภาษาอังกฤษด้วยเช่นกัน TED เปิดรับอาสาสมัคร ให้ไปช่วยกันแปลการนำเสนอของเหล่า Speaker ระดับโลกที่ถูกบันทึกไว้ เพื่อให้สิ่งที่มีประโยชน์เหล่านั้นเข้าถึงคนในท้องถิ่นของตัวเองให้ได้มากขึ้นครับ (ผมฟังออกบางคำก็ดีแล้วครับ) คนที่เป็น TED Translator เท่าที่เห็นมี <a href="http://www.ted.com/profiles/translations/id/248767" target="_blank">@fringer</a>(คุณสฤณี อาชวานันทกุล)ครับ อยากจะให้คนก่งๆไปช่วยกันแปลเยอะๆครับ เข้าไปสมัครได้เลยที่ <a title="become translator" href="http://www.ted.com/translate/forted " target="_blank">Become a translator</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/ted-talks-subtitled-in-thai/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Trick ตัวอย่างเว็บไซต์ใช้ CSS สุดเจ๋ง</title>
		<link>http://www.amphur.in.th/css-trick-showcase/</link>
		<comments>http://www.amphur.in.th/css-trick-showcase/#comments</comments>
		<pubDate>Mon, 21 Feb 2011 14:22:17 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[บันทึก]]></category>
		<category><![CDATA[ออกแบบ]]></category>
		<category><![CDATA[เว็บไซต์]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=5281</guid>
		<description><![CDATA[เมื่อวานเปิดดู WordCamp TV ของ Sara Cannon พูดเรื่อง CSS Trick ตอนแรกเห็นเธอน่ารักสดใสเลยขอดูนิดหนึ่ง แต่สุดท้ายดูจบก็ได้อะไรมาเหมือนกัน มีตัวอย่าง Showcase ของ CSS ที่เธอเอามาโชว์ประกอบการนำเสนอ ]]></description>
			<content:encoded><![CDATA[<p>เมื่อวานเปิดดู WordCamp TV ของ Sara Cannon พูดเรื่อง CSS Trick ตอนแรกเห็นเธอน่ารักสดใสเลยขอดูนิดหนึ่ง แต่สุดท้ายดูจบก็ได้อะไรมาเหมือนกัน มีตัวอย่าง Showcase ของ CSS ที่เธอเอามาโชว์ประกอบการนำเสนอ พบว่ามันเจ๋งดี เลยคัดเอาส่วนที่น่าสนใจมาบันทึกเก็บไว้</p>
<p>อันแรกเป็นการออกแบบเกี่ยวกับ Scrolling  ลิงค์เว็บไซต์ <a href="http://lostworldsfairs.com/atlantis/" target="_blank">http://lostworldsfairs.com/atlantis</a> ทดลองเลื่อนหน้าเว็บไซต์ลงไปข้างล่างเรื่อยๆ จะพบว่าคนในท่อจะวิ่งตามลงไปด้วย ระดับความลึกก็เปลี่ยนตาม</p>
<div id="attachment_5283" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/02/lostworldsfairs-atlantis.jpg"><img class="size-medium wp-image-5283" title="lostworldsfairs-atlantis" src="http://www.amphur.in.th/wp-content/uploads/2011/02/lostworldsfairs-atlantis-600x295.jpg" alt="lostworldsfairs atlantis 600x295 CSS Trick ตัวอย่างเว็บไซต์ใช้ CSS สุดเจ๋ง" width="600" height="295" /></a><p class="wp-caption-text">Atlantis</p></div>
<p>เว็บที่สองเป็นการโชว์ความสามารถการใส่พื้นหลังหลายภาพ (ซ้อนกัน) เว็บเหล่านี้จะพบว่าพื้นหลังของเว็บมันมีความน่าสนใจมากขึ้นเยอะเลย ตัวอย่าง <a href="http://silverbackapp.com/" target="_blank">http://silverbackapp.com</a> มีพื้นหลังอยู่ถึง 4 ภาพ ย่อขยายหน้าเว็บจะเห็นว่ามีเลเยอร์ของ ด้านหลังซ้อนกันอยู่</p>
<div id="attachment_5284" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/02/Silverback.jpg"><img class="size-medium wp-image-5284" title="Silverback" src="http://www.amphur.in.th/wp-content/uploads/2011/02/Silverback-600x304.jpg" alt="Silverback 600x304 CSS Trick ตัวอย่างเว็บไซต์ใช้ CSS สุดเจ๋ง" width="600" height="304" /></a><p class="wp-caption-text">http://silverbackapp.com</p></div>
<p>และอีกตัวที่ผมเห็นแล้ว พบว่ามันเท่มากคือ เว็บ <a href="http://www.nikebetterworld.com/" target="_blank">http://www.nikebetterworld.com</a> ลอง Scrolling ลงไปข้างล่างจะเห็นการนำเสนอที่เจ๋งจริงๆ พื้นหลังจะเปลี่ยนไปเรื่อยๆ</p>
<div id="attachment_5285" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/02/Nike-Better-World.jpg"><img class="size-medium wp-image-5285" title="Nike Better World" src="http://www.amphur.in.th/wp-content/uploads/2011/02/Nike-Better-World-600x877.jpg" alt="Nike Better World 600x877 CSS Trick ตัวอย่างเว็บไซต์ใช้ CSS สุดเจ๋ง" width="600" height="877" /></a><p class="wp-caption-text">http://www.nikebetterworld.com/</p></div>
<p>และส่วนที่น่าสนใจที่สุดคือ เป็นความสามารถของการใช้ CSS Grids ควบคุมการแสดงผลแตกต่างกัน ตามขนาดของหน้าจอ เช่นหน้าจอของ PC, iPad, Mobile ขนาด ตำแหน่งของเมนู เปลี่ยนแปลงตามขนาดของหน้าจอที่เรียกใช้งาน ลองเปิดดูที่ <a href="http://hicksdesign.co.uk/" target="_blank">http://hicksdesign.co.uk/</a> และ <a title="http://colly.com " href="http://colly.com " target="_blank">http://colly.com</a> แล้วลองย่อขนาดของเว็บไซต์ดูครับ</p>
<div id="attachment_5288" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/02/Hicksdesign.jpg"><img class="size-medium wp-image-5288" title="Hicksdesign" src="http://www.amphur.in.th/wp-content/uploads/2011/02/Hicksdesign-600x294.jpg" alt="Hicksdesign 600x294 CSS Trick ตัวอย่างเว็บไซต์ใช้ CSS สุดเจ๋ง" width="600" height="294" /></a><p class="wp-caption-text">hicksdesign.co.uk ขนาดจอ PC</p></div>
<div id="attachment_5292" class="wp-caption alignnone" style="width: 328px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/02/Hicksdesign-21.jpg"><img class="size-full wp-image-5292 " title="Hicksdesign-2" src="http://www.amphur.in.th/wp-content/uploads/2011/02/Hicksdesign-21.jpg" alt="Hicksdesign 21 CSS Trick ตัวอย่างเว็บไซต์ใช้ CSS สุดเจ๋ง" width="318" height="507" /></a><p class="wp-caption-text">http://hicksdesign.co.uk ขนาดจอมือถิอ</p></div>
<div id="attachment_5297" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/02/colly.jpg"><img class="size-medium wp-image-5297" title="colly" src="http://www.amphur.in.th/wp-content/uploads/2011/02/colly-600x406.jpg" alt="colly 600x406 CSS Trick ตัวอย่างเว็บไซต์ใช้ CSS สุดเจ๋ง" width="600" height="406" /></a><p class="wp-caption-text">http://colly.com แสดงหน้าจอ PC</p></div>
<div id="attachment_5298" class="wp-caption alignnone" style="width: 320px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/02/colly-2.jpg"><img class="size-full wp-image-5298 " title="colly-2" src="http://www.amphur.in.th/wp-content/uploads/2011/02/colly-2.jpg" alt="colly 2 CSS Trick ตัวอย่างเว็บไซต์ใช้ CSS สุดเจ๋ง" width="310" height="510" /></a><p class="wp-caption-text">http://colly.com แสดงหน้าจอมือถือ</p></div>
<p>ยังมี resource และเว็บไซต์ที่น่าสนใจอื่นๆอีก ตามดูการนำเสนอของ Sara Cannon ในหัวข้อ CSS Tricks ได้ที่ <a href="http://WordPress.tv/2011/01/29/sara-cannon-css-tricks/">http://WordPress.tv</a> ความยาวประมาณ 34 นาที ครับ</p>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/css-trick-showcase/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Compfight.com เว็บไซต์ค้นหาภาพสวยจาก Flickr</title>
		<link>http://www.amphur.in.th/compfight-flickr-search-tool/</link>
		<comments>http://www.amphur.in.th/compfight-flickr-search-tool/#comments</comments>
		<pubDate>Sun, 13 Feb 2011 17:24:57 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Compfight]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[image search]]></category>
		<category><![CDATA[search tool]]></category>
		<category><![CDATA[ค้นหาภาพ]]></category>
		<category><![CDATA[ภาพสวยงาม]]></category>
		<category><![CDATA[เว็บไซต์ค้นหาภาพ]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=5129</guid>
		<description><![CDATA[Compfight.com เป็นเว็บไซต์ค้นหาภาพจากเว็บไซต์ฝากรูปชื่อดัง Flickr เราจะเห็นความแตกต่างชัดเจนว่า Compfight.com ให้ผลลัพธ์ที่น่าประทับใจมากกว่า Flickr.com ตอนนี้จึงคิดว่าได้อาวุธอีกตัวประจำกาย เอาไว้คนหาภาพสวยประกอบไสลด์พรีเซ็นต์ หรือเอาไว้ทำเว็บไซต์แล้ว ]]></description>
			<content:encoded><![CDATA[<div id="attachment_5130" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/02/compfight.jpg"><img class="size-medium wp-image-5130" title="compfight" src="http://www.amphur.in.th/wp-content/uploads/2011/02/compfight-600x296.jpg" alt="compfight 600x296 Compfight.com เว็บไซต์ค้นหาภาพสวยจาก Flickr " width="600" height="296" /></a><p class="wp-caption-text">Compfight.com เว็บไซต์ค้นหาภาพสวยจาก Flickr </p></div>
<p><a href="http://compfight.com/" target="_blank"><strong>Compfight.com</strong></a> เป็นเว็บไซต์ค้นหาภาพจากเว็บไซต์ฝากรูปชื่อดัง <a href="http://www.flickr.com" target="_blank">Flickr</a> ซึ่งเป็นที่รู้กันว่ามีภาพสวยๆมากมาย ผมรู้จักเว็บไซต์ compfight ครั้งแรกจากงาน <a href="http://www.amphur.in.th/WordPress-WordPress-developer-night-note/" target="_blank">WordPress Dev Night</a> จากท่านร่วมงานท่านหนึ่งที่แชร์วิธีการค้นหารูปสวยๆมาใช้ในงานออกแบบธีม อันที่จริงเว็บ Flickr มีช่องค้นหาเช่นกัน แต่น่าแปลกว่า Compfight กลับให้ผลการค้นหาในคีย์เวิร์ดเดียวกัน สวยกว่ามาก ในงานลองค้นหาคำว่า thailand พบว่าภาพที่ได้แตกต่างกันอย่างชัดเจน ที่สำคัญกว่านั้นเราสามารถเลือกเฉพาะภาพที่สามารถนำมาใช้ในทางการค้าได้ด้วย โดยเลือกตรงหลังคำว่า Creative common ด้านบนให้เป็น commercial</p>
<p>วันนี้อยากได้ภาพหนึ่ง จึงลองค้นดูด้วยตัวเอง(อย่าเชื่อถ้าไม่ได้ลองด้วยตัวเอง) ค้นเทียบกันเลย ใช้คีย์เวิร์ดเดียวกันคือ &#8220;medical&#8221;</p>
<p><strong>Flickr vs Compfight </strong></p>
<div id="attachment_5131" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2011/02/compfight-vs-flickr.jpg"><img class="size-medium wp-image-5131" title="compfight-vs-flickr" src="http://www.amphur.in.th/wp-content/uploads/2011/02/compfight-vs-flickr-600x189.jpg" alt="compfight vs flickr 600x189 Compfight.com เว็บไซต์ค้นหาภาพสวยจาก Flickr " width="600" height="189" /></a><p class="wp-caption-text">เปรียบเทียบการค้นหาภาพระหว่าง Compfight.com กับ Flickr (คลิกเพื่อดูภาพใหญ่)</p></div>
<p>เราจะเห็นความแตกต่างชัดเจนว่า Compfight.com ให้ผลลัพธ์ที่น่าประทับใจมากกว่า Flickr.com ตอนนี้จึงคิดว่าได้อาวุธประจำกายอีกตัว เอาไว้คนหาภาพสวยประกอบไสลด์พรีเซ็นต์ หรือเอาไว้ทำเว็บไซต์ ขอบคุณพี่คนนั้นที่แชร์เรื่องดีๆครับ(ใครทราบชื่อบอกด้วยนะครับ)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/compfight-flickr-search-tool/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ</title>
		<link>http://www.amphur.in.th/zune-media-player/</link>
		<comments>http://www.amphur.in.th/zune-media-player/#comments</comments>
		<pubDate>Tue, 09 Nov 2010 18:10:27 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Media Player]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Windows Phone 7]]></category>
		<category><![CDATA[Zune]]></category>
		<category><![CDATA[Zuse]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=4654</guid>
		<description><![CDATA[ได้ลองใช้โปรแกรม Zune ซึ่งเป็น media player และโปรแกรมเชื่อมกับ Zune เครื่องเล่นเพลงของ Microsoft เป็นเวลา 4 วัน ชอบ Interface ของมันมาก ซึ่งว่ากันว่าเป็นต้นแบบ UI ของ Windows Phone 7 ออกแนวเหลี่ยมๆ ปุ่มใหญ่ มีวิ๊งๆ หวืบๆ สว่าง โล่งๆ]]></description>
			<content:encoded><![CDATA[<p>ได้ลองใช้โปรแกรม Zune ซึ่งเป็น media player และโปรแกรมเชื่อมกับ Zune เครื่องเล่นเพลงของ Microsoft เป็นเวลา 4 วัน ชอบ Interface ของมันมาก ซึ่งว่ากันว่าเป็นต้นแบบ UI ของ Windows Phone 7 ออกแนวเหลี่ยมๆ ปุ่มใหญ่ มีวิ๊งๆ หวืบๆ สว่าง โล่งๆ</p>
<p>โดยปกติแล้วผมใช้ iTunes เป็นเครื่องเล่นเพลงหลักของเครื่อง เพราะชอบ Cover flow และความง่ายในการเลือกเพลง และการค้นหาเพลง และได้ใช้ iTunes U ในบ้างครั้ง และมันก็เชื่อมกับ Last.fm ด้วย</p>
<p>เมื่อหาโปรแกรมที่เป็น 64 bit มาลอง จึงโหลด <strong><a href="http://www.zune.net/en-US/products/software/download/default.htm">Zune</a></strong> มาติดตั้งดูเพราะมีทั้ง 32-64 bit ผมเป็นพวกหลงไหลกับ การออกแบบ ดีไซด์สวยๆ จึงชอบมันต้ังแต่เปิดโปแกรม มาดูหน้าต่างๆของมันดีกว่า</p>
<p>หน้าเล่นเพลงจะแบ่งออกเป็นสองส่วนคือ quickplay และ collection ข้างล่างเป็น UI ของ quickplay (คลิกภาพเพื่อดูขนาดใหญ่)</p>
<div id="attachment_4655" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune.jpg"><img class="size-medium wp-image-4655" title="Zune" src="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-600x318.jpg" alt="Zune 600x318 ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ" width="600" height="318" /></a><p class="wp-caption-text">Zune</p></div>
<p>และหน้า collection ปุ่มควบคุมจะอยู่ขวาล่างในทุกๆหน้าที่เปิด ตรงกลางล่างจะบอกว่าเล่นเพลงอะไรอยู่ สีแดงจะเป็น visualizer เต้นตามจังหวะเพลง</p>
<div id="attachment_4656" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-collection.jpg"><img class="size-medium wp-image-4656" title="Zune-collection" src="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-collection-600x320.jpg" alt="Zune collection 600x320 ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ" width="600" height="320" /></a><p class="wp-caption-text">หน้า collection</p></div>
<p>หน้า Music เลือกแสดงแบบ ARTIST, GENRES, ALBUMS, SONGS, PLAYLIST หน้าตาก็จะเปลี่ยนไปด้วย การแสดงชื่อเพลงภาษาอังกฤษสวยงาม ภาษาไทยไม่ค่อยสวย แต่ก็ไม่ถึงขั้นรับไม่ได้</p>
<div id="attachment_4665" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-select.jpg"><img class="size-medium wp-image-4665" title="Zune-select" src="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-select-600x320.jpg" alt="Zune select 600x320 ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ" width="600" height="320" /></a><p class="wp-caption-text">เลือกเฉพาะศิลปิน</p></div>
<p>เมื่อเราเลือกเล่นเพลงเฉพาะศิลปินบางคนก็มีหน้าสวยงามแบบนี้ พื้นหลังเป็นปกของอัลบั๊มที่มีในเครื่อง</p>
<div id="attachment_4658" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-video.jpg"><img class="size-medium wp-image-4658" title="Zune-video" src="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-video-600x318.jpg" alt="Zune video 600x318 ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ" width="600" height="318" /></a><p class="wp-caption-text">Video</p></div>
<p>หน้า collection ของ Video ไม่ค่อยน่าสนใจเท่าไหร่ ผมยังคงจะใช้ VLC ดูหนังต่อไป</p>
<div id="attachment_4659" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-picture.jpg"><img class="size-medium wp-image-4659" title="Zune-picture" src="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-picture-600x318.jpg" alt="Zune picture 600x318 ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ" width="600" height="318" /></a><p class="wp-caption-text">PICTURE</p></div>
<p>ส่วนของ Pictures ทำได้ดีโหลดภาพได้เร็ว เชื่อมกับ Windows Live Gallery จะแก้ไขรูป หรือแชร์ได้เลย</p>
<div id="attachment_4660" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-picture-2.jpg"><img class="size-medium wp-image-4660" title="Zune-picture-2" src="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-picture-2-600x320.jpg" alt="Zune picture 2 600x320 ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ" width="600" height="320" /></a><p class="wp-caption-text">picture</p></div>
<p>ลองเปิดภาพดูแบบเต็มๆ</p>
<div id="attachment_4663" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-podcast.jpg"><img class="size-medium wp-image-4663" title="Zune-podcast" src="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-podcast-600x320.jpg" alt="Zune podcast 600x320 ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ" width="600" height="320" /></a><p class="wp-caption-text">Podcast</p></div>
<p>ส่วนของ Podcast เราสามารถ subscript podcast ได้เหมือนกับ iTunes ที่เว็บหลักของ Zune มี Podcast ให้เลือกหลายอัน น่าสนใจเยอะ <a href="http://social.zune.net/podcasts/">http://social.zune.net/podcasts/</a> แต่ตลิก subscript ที่หน้าเว็บไม่ได้นะ บอกว่ายังไม่มีบริการในบ้านเรา แต่วิธีการง่ายๆคือ เข้าไปที่ลิงค์ official website ของมันแล้วค่อยหา RSS ของ Podcast มา Subscript เอง ในรูปผมลอง Subscript มา 4 เว็บ โหลดมาบ้างแล้ว แต่ยังไม่ได้ดู</p>
<div id="attachment_4664" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-setting.jpg"><img class="size-medium wp-image-4664" title="Zune-setting" src="http://www.amphur.in.th/wp-content/uploads/2010/11/Zune-setting-600x319.jpg" alt="Zune setting 600x319 ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ" width="600" height="319" /></a><p class="wp-caption-text">Setting</p></div>
<p>หน้า setting เอามาให้ดู เฉพาะตรง Display ใช้ตั้ง background ภาพจางๆของพื้นหลังนั้นเอง</p>
<p>และอันสุดท้ายที่จะพูดถึงคือโปรแกรมเสริมที่จะทำให้ Zune เชื่อมกับ Last.fm มันคือ Zuse โหลดได้ที่นี้ <a href="http://bitbucket.org/wiz/zuse/downloads/">http://bitbucket.org/wiz/zuse/downloads/</a> เมื่อโหลดมาแล้วให้ติดตั้งลงในโฟล์เดอร์เดียวกับ Zune ก็ใช้ได้แล้ว แต่ต้องมี <a href="http://www.last.fm/download" target="_blank">Last.fm Scrobbler</a> ด้วยนะ</p>
<p>สรุปว่าตอนนี้ใช้ Zune แทน iTunes ไปเลย เหตุผลง่ายๆคือชอบ User Interface ของมัน รอจนกว่าจะเบื่อค่อยว่ากันใหม่ครับ</p>
<p>ปล. ถ้ามี Zune ด้วยสักเครื่องน่าจะดี</p>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/zune-media-player/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>HTML5 Elements ในแบบตารางธาตุ</title>
		<link>http://www.amphur.in.th/periodic-table-of-the-html5-elements/</link>
		<comments>http://www.amphur.in.th/periodic-table-of-the-html5-elements/#comments</comments>
		<pubDate>Tue, 14 Sep 2010 17:04:56 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Book]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[element]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[ตารางธาตุ]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=4116</guid>
		<description><![CDATA[HTML5 Elements ตาราง HTML5 ใช้สีแยกหมวด เวลาคลิกก็จะแสดงรายละเอียดสั้นให้ดู และมีลิงค์ไปที่ Guide ให้อ่านแบบละเอียด แต่ก่อนเจอแบบเป็นตาราง รูปนี้เจ๋งดี ดูง่ายดี]]></description>
			<content:encoded><![CDATA[<div id="attachment_4117" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/09/Periodic-Table-of-the-Elements.jpg"><img class="size-medium wp-image-4117" title="Periodic-Table-of-the-Elements" src="http://www.amphur.in.th/wp-content/uploads/2010/09/Periodic-Table-of-the-Elements-600x415.jpg" alt="Periodic Table of the Elements 600x415 HTML5 Elements ในแบบตารางธาตุ" width="600" height="415" /></a><p class="wp-caption-text">HTML5 ในแบบตารางธาตุ</p></div>
<p><a title="http://joshduck.com/periodic-table.html" href="http://joshduck.com/periodic-table.html" target="_self">HTML5 Elements</a> ตารางแสดง Tags ของ HTML5 ใช้สีแยกหมวด เวลาคลิกก็จะแสดงรายละเอียดสั้นๆให้ดู และมีลิงค์ไปที่ Guide ให้อ่านแบบละเอียด แต่ก่อนเจอเฉพาะแบบที่เป็นตาราง รูปนี้เพิ่งเคยเห็นเจ๋งดี ดูง่ายดี</p>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/periodic-table-of-the-html5-elements/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>deviantART muro ขีดเขียน วาดภาพออนไลน์</title>
		<link>http://www.amphur.in.th/deviantart-muro-drawing-app-base-on-html5/</link>
		<comments>http://www.amphur.in.th/deviantart-muro-drawing-app-base-on-html5/#comments</comments>
		<pubDate>Tue, 14 Sep 2010 16:36:52 +0000</pubDate>
		<dc:creator>Amphur</dc:creator>
				<category><![CDATA[All Topic]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[deviantART]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[muro]]></category>
		<category><![CDATA[web apps]]></category>

		<guid isPermaLink="false">http://www.amphur.in.th/?p=4107</guid>
		<description><![CDATA[ttp://muro.deviantart.com ไปเจอเว็บนี้มา วาดภาพออนไลน์ แบบฟรีมี brush ให้เลือกใช้ 6 อัน แต่พอสำหรับขีดเขียนเล่น ทำงานแบบหลาย layer ได้ด้วย ภาพเขียนเสร็จ Export ออกมาเป็นไฟล์ PNG  และนี้คืองานล่าสุดที่ใช้เว็บนี้ทำขึ้นมา ]]></description>
			<content:encoded><![CDATA[<div id="attachment_4108" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/09/muro.deviantart.jpg"><img class="size-medium wp-image-4108" title="muro.deviantart" src="http://www.amphur.in.th/wp-content/uploads/2010/09/muro.deviantart-600x272.jpg" alt="muro.deviantart 600x272 deviantART muro ขีดเขียน วาดภาพออนไลน์" width="600" height="272" /></a><p class="wp-caption-text">muro.deviantart drawing app</p></div>
<p><a title="http://muro.deviantart.com/" href="http://muro.deviantart.com/" target="_blank">http://muro.deviantart.com</a> ไปเจอเว็บนี้มา วาดภาพออนไลน์ แบบฟรีมี brush ให้เลือกใช้ 6 อัน แต่พอสำหรับขีดเขียนเล่น ทำงานแบบหลาย layer ได้ด้วย สังเกตุด้านซ้ายของจอ รองรับ Wacom ด้วย ภาพเขียนเสร็จ Export ออกมาเป็นไฟล์ PNG ถ้าจอเป็นทัชสกรีนและใหญ่มากกว่านี้น่าจะเขียนสนุกมากขึ้น และนี้คืองานล่าสุดที่ใช้เว็บนี้ทำขึ้นมา</p>
<div id="attachment_4109" class="wp-caption alignnone" style="width: 610px"><a href="http://www.amphur.in.th/wp-content/uploads/2010/09/download.png"><img class="size-medium wp-image-4109" title="download" src="http://www.amphur.in.th/wp-content/uploads/2010/09/download-600x212.png" alt="download 600x212 deviantART muro ขีดเขียน วาดภาพออนไลน์" width="600" height="212" /></a><p class="wp-caption-text">ผลงานของผม</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.amphur.in.th/deviantart-muro-drawing-app-base-on-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

