<?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>HTML5 in Thail</title>
	<atom:link href="http://www.html5.in.th/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.html5.in.th</link>
	<description>HTML5 in Thailand Tip, Trick &#38; Techniques</description>
	<lastBuildDate>Wed, 17 Aug 2011 10:42:27 +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>ContentEditable แก้ไขเนื้อหาในหน้าเว็บได้ทันทีด้วย HTML5</title>
		<link>http://www.html5.in.th/2011/01/contenteditable-html5/</link>
		<comments>http://www.html5.in.th/2011/01/contenteditable-html5/#comments</comments>
		<pubDate>Fri, 21 Jan 2011 09:46:10 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Examples]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Persistent Data Storage]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=251</guid>
		<description><![CDATA[ContentEditable เป็นอีกหนึ่งฟีเจอร์ที่มีมากับ HTML5 ซึ่งเป็นฟีเจอร์ใหม่ ContentEditable ฟีเจอร์นี้ถ้าแปลตรงตัวเลย ก็คือฟีเจอร์ที่ทำให้เราสามารถแก้ไข Content โดยการคลิกที่ข้อความ และสามารถแก้ไขแล้ว save ทันที การทำงานก็ควบคุมผ่านภาษา Javascript เพื่อให้ Element นั้นๆ สามารถำงานได้ การทำงานของฟีเจอร์นี้ก็จะไปสัมพันธ์กันกับ อีกหนึ่งฟีเจอร์ที่ชื่อว่า Persistent Data Storage เป็นการเก็บข้อมูลสิ่งทีเราต้องการ ไว้ในเครื่องผู้ใช้งาน ซึ่งการทำงานค้ลายๆกับ cookie แต่ Persistent Data Storage มันเก็บได้ถึงระดับดาต้าเบต ซึ่งในตอนนี้ผมยังไม่กล่าวถึง Code ของฟีเจอร์นี้จะแค่ ContentEditable ก่อนละกันครับ ซึ่งตัวอย่าง Code นั้นก็ไม่ได้ซับซ้อนอะไรมาก มี ชุดคำสั่ง HTML5 แค่ 3 บรรทัดนอกนั้นก็เปป็น Javascript อีก 10 กว่าบรรทัด ลองเอาตัวอย่าง Code นี้ไปลองศึกษาดูนะครับ]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/contenteditable-html5/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>โลโก้ HTML5 อย่างเป็นทางการมาแล้ว</title>
		<link>http://www.html5.in.th/2011/01/%e0%b9%82%e0%b8%a5%e0%b9%82%e0%b8%81%e0%b9%89-html5-%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99%e0%b8%97%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%a1/</link>
		<comments>http://www.html5.in.th/2011/01/%e0%b9%82%e0%b8%a5%e0%b9%82%e0%b8%81%e0%b9%89-html5-%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99%e0%b8%97%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%a1/#comments</comments>
		<pubDate>Wed, 19 Jan 2011 13:01:34 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Introduction]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=244</guid>
		<description><![CDATA[เป็นสัญญาณที่ดีครับ ถึงแม้ว่ามาตรฐาน HTML5 ยังเป็นที่ถกเถียงกันในวงกว้างในช่วงระยะเวลาหลายปีที่ผ่านมา ล่าสุด W3C (World-Wide Web Consortium) ซึ่งเป็นหน่วยงานที่ดูแลมาตรฐานต่างๆ บนอินเตอร์เน็ต ก็ได้เปิดตัวโลโก้อย่างเป็นทางการของ HTML5 ออกมาสู่สายตาคนทั่วโลกแล้ว  โดยทีมที่ออกแบบก็คือ Ocupop ดูๆไปออกแนวคล้ายๆ โลโก้ที่มักจะอยู่ตรงหน้าอกของซุปเปอร์ฮีโร่เลย ให้ความรู้สึกหนักแน่น และมั่นคง บ่งบอกได้เลยว่า HTML5 คือมาตรฐานที่แน่นอนของการพัฒนาเว็บไซต์ นากจากนั้นยังมีการจัดทำเสื้อเรียบร้อย เอาเป้นว่าตอนนี้ HTML5 มีโลโก้อย่างเป็นทางการแล้ว ที่เหลือก็คือรอเพียงแต่ว่าเมื่อไหร่ๆ ที่มันจะกลายเป้นมาตรฐานซะทีอดใจรอคอยกัน]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/%e0%b9%82%e0%b8%a5%e0%b9%82%e0%b8%81%e0%b9%89-html5-%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99%e0%b8%97%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%a1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>เก็บตกงาน GTUG BootCamp 2011 สำหรับใครที่ไม่มีโอกาสได้ไป</title>
		<link>http://www.html5.in.th/2011/01/%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%9a%e0%b8%95%e0%b8%81%e0%b8%87%e0%b8%b2%e0%b8%99-gtug-bootcamp-2011-%e0%b8%aa%e0%b8%b3%e0%b8%ab%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%83%e0%b8%84%e0%b8%a3%e0%b8%97%e0%b8%b5/</link>
		<comments>http://www.html5.in.th/2011/01/%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%9a%e0%b8%95%e0%b8%81%e0%b8%87%e0%b8%b2%e0%b8%99-gtug-bootcamp-2011-%e0%b8%aa%e0%b8%b3%e0%b8%ab%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%83%e0%b8%84%e0%b8%a3%e0%b8%97%e0%b8%b5/#comments</comments>
		<pubDate>Sun, 16 Jan 2011 06:38:22 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Introduction]]></category>
		<category><![CDATA[Div Element]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Semantic Markup]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=214</guid>
		<description><![CDATA[ก็ผ่านไปแล้วสำหรับงาน GTUG BootCamp 2011 เป็นงานเสวนา ที่พูดคุย แลกเปลี่ยน และแสดงเทคโนโลยีของ Google ตลอดจนพบปะกับเหล่านักพัฒนาที่เข้ามาร่วมงาน โดยในครั้งนี้มีหัวข้อสำหรับเสวนา ได้แก่ Android , Chrome Extension &#038; Developer Tools, HTML5 และ Google App Engine สำหรับใครที่ไม่มีโอกาสได้ไปงาน GTUG BootCamp 2011 เมื่อวาน (15 มกราคม 2554) หรือคนที่กลับก่อนที่ผมจะพูด และคนที่ฟังผมพูดแล้วไม่รู้เรื่อง 5555 ผมเอามาลงในเว็บให้เพื่อใครสนใจอ่านครับ ซึ่งผมพูดเกี่ยวกับ ความสามารถของเทคโนโลยี HTML5]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/%e0%b9%80%e0%b8%81%e0%b9%87%e0%b8%9a%e0%b8%95%e0%b8%81%e0%b8%87%e0%b8%b2%e0%b8%99-gtug-bootcamp-2011-%e0%b8%aa%e0%b8%b3%e0%b8%ab%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%83%e0%b8%84%e0%b8%a3%e0%b8%97%e0%b8%b5/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Theme WordPress ที่ใช้ HTML5 &amp; CSS3 ในการพัฒนา</title>
		<link>http://www.html5.in.th/2011/01/theme-wordpress-html5-css3/</link>
		<comments>http://www.html5.in.th/2011/01/theme-wordpress-html5-css3/#comments</comments>
		<pubDate>Tue, 11 Jan 2011 17:56:31 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Examples]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=209</guid>
		<description><![CDATA[วันนี้ผมเห็นทวิตหนึ่งของ @iannnnn (ทวิตนี้จร้า) ทวิตมาก็เลยขอหยิบมาเขียนลงบล็อกซะหน่อย ซึ่งเป็นเรื่องของ Theme Wordpress คาดว่าหลายๆ คนคงจะเกิดคำถามว่า เอ๊ะ ! แล้วมันเกี่ยวกับ HTML5 อย่างไร ขอบอกว่ามันเกี่ยวแน่นอนครับเพราะ Theme ที่หยิบมาอันนี้เป็น Theme ที่พัฒนาโดยใช้ HTML5 และ CSS3 ทั้งหมดนั้นเอง อย่างที่ @iannnnn ทวิตไปแหละครับว่ามันเขียนด้วย CSS3 + HTML5 ล้วนๆ เราไม่จำเป็นว่าจะเล่น Wordpress หรือเปล่า แต่เราเอามาลองแงะดูประดับสมองดีกว่าครับ ว่าเขาเขียนกันอย่างไร เพื่อเป็นแนวทางในการพัฒนาของเราต่อไปหรือใครที่เล่น Wordpress อยู่จะเอา Theme ไปใช้งานก็ไม่ว่ากันจร้า เข้าดู Demo หรือข้อมูลอื่นๆ ได้ที่ webexpedition18.com]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/theme-wordpress-html5-css3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Z-Type เกมที่พัฒนาจาก HTML5 ได้รับแรงบรรดาลใจจากเกม The Typing of the Dead</title>
		<link>http://www.html5.in.th/2011/01/z-type-html5/</link>
		<comments>http://www.html5.in.th/2011/01/z-type-html5/#comments</comments>
		<pubDate>Tue, 11 Jan 2011 17:10:48 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Examples]]></category>
		<category><![CDATA[Canvas element]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Z-Type]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=203</guid>
		<description><![CDATA[หลังจากที่อ่านบทความเกี่ยวกับ HTML5 มาเยอะแล้ว เรามาคลายเครียดกันสักหน่อยด้วยการเล่นเกม ซึ่งเกมที่ว่านั้นก็คือ Z-Type เป็นอีกหนึ่งผลงานที่พัฒนามาจาก HTML5 คู่กับ JavaScript โดยใช้ฟีเจอร์ที่เราก็คงทราบกันดีนั้นก็คือ Canvas element นั้นเอง ทั้งตัวเกมและ framework นั้นถูกพัฒนาขึ้นโดย นักพัฒนาชาวอังกฤษชื่อว่า Dominic Szablewski ซึ่งเข้าได้พัฒนาเกม Z-Type เพื่อส่งเข้าแข่งขัน โครงการ Game On ของ Mozilla (gaming.mozillalabs.com) เขาได้กล่าวในบล็อกของเขาว่าได้แรงบรรดาลใจมาจากเกม The Typing of the Dead ในเว็บ mashable บอกว่าเกมนี้รองรับ mobile devices อย่าง iPhone, iPod touch และ iPad โดยทำงานผ่าน browsers แต่ผมทดสอบแล้วเข้าได้แค่ถึงหน้า Loading เท่านั้นแถมโหลดไม่เสร็จซะที หากใครสนใจ หรือต้องการแรงบรรดาลใจในการศึกษาและพัฒนา HTML5 ก็ลองเล่นเกมนี้ดูครับ]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/z-type-html5/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>52ramework: HTML5 Frameworks ที่น่าลอง</title>
		<link>http://www.html5.in.th/2011/01/52ramework-html5-frameworks/</link>
		<comments>http://www.html5.in.th/2011/01/52ramework-html5-frameworks/#comments</comments>
		<pubDate>Tue, 11 Jan 2011 13:52:19 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Development Kit]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[HTML5 Frameworks]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=194</guid>
		<description><![CDATA[ผมมี HTML5 Frameworks มาแนะนำให้ลองใช้กันครับ ซึ่งในปัจจุบันก็เริ่มมี Frameworks ของ HTML5 ออกมาให้เราได้เห็นกันบางแล้ว ส่วนใหญ่นั้นจะเป็นการร่วมเอา HTML5 และ CSS3 เข้าด้วยกัน ทำให้เราสามารถนำมาใช้งานได้อย่างสะดวก หลายๆ Frameworks มี html5 markup และ css reset มาให้เลยยิ่งสะดวกไปใหญ่ รวมไปถึงการยั้ดเอา HTML forms และ HTML 5 elements เข้ามา ซึ่งหลักๆ พวกนี้ก็ถูกยั้ดรวมมาใน Frameworks อยู่แล้ว 52ramework  Frameworks ตัวนี้ประกอบไปด้วย Tag HTML5 พื้นฐานมาให้ครบถ้วนไม่ว่าจะเป็น header, nav, section, article, footer มี css reset สำหรับ HTML5 มาให้ด้วยพ่วงมาด้วย CSS3 ที่ใส่ฟีเจอร์ rounded corners, text-shadow, box-shadow, html5 markup และก็มี grid system มาให้อีกด้วย]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/52ramework-html5-frameworks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>เริ่มต้นเรียนรู้ HTML5 อย่างไรดี</title>
		<link>http://www.html5.in.th/2011/01/%e0%b9%80%e0%b8%a3%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%95%e0%b9%89%e0%b8%99%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%a3%e0%b8%b9%e0%b9%89-html5-%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87/</link>
		<comments>http://www.html5.in.th/2011/01/%e0%b9%80%e0%b8%a3%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%95%e0%b9%89%e0%b8%99%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%a3%e0%b8%b9%e0%b9%89-html5-%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87/#comments</comments>
		<pubDate>Mon, 10 Jan 2011 18:38:53 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Introduction]]></category>
		<category><![CDATA[Canvas element]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Div Element]]></category>
		<category><![CDATA[Dreamweaver CS5]]></category>
		<category><![CDATA[Form Elements]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Semantic Markup]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=186</guid>
		<description><![CDATA[HTML5 เชื่อว่าหลายๆ คนคงจะได้ยินคำนี้มาได้สักพักแล้ว ถึงแม้ว่าจะไม่ใช่นักพัฒนาเว็บไซต์ก็ตาม คงจะเคยได้ยินคำนี้มาแน่นอน เพราะด้วยกระแสต่างๆ ที่นำพาให้พวกท่านรู้จักกับ HTML5 โดยไม่ได้ตั้งใจ และเชื่อว่าด้วยกระแสที่มาแรงคงมีหลายคนอยากเรียนรู้ HTML5 ขึ้นมาไม่มากก็น้อย และก็มีแน่นอนที่ไม่รู้ว่าควรจะเริ่มต้นที่อะไรดี หากเป็นนักพัฒนาเดิมๆ ที่อยู่ในวงการพัฒนาเว็บมานาน หรือมีความรู้อยู่บ้างคงไม่มีปัญหานี้แน่นอนครับ แต่ถ้าเป็นผู้เริ่มต้นอันนี้แหละคือประเด็นและอาจจะต้องเหนื่อพอสมควร สำหรับผู้ที่เริ่มต้นใหม่ ก่อนอื่นผมแนะนำอย่าพึ่งไปสนใจกับอดีตตะชาติของมัน อย่ามัวไปเสียเวลาเพื่อศึกษาชีวะประวัติอันเยอะแยะมากมาย ไม่ว่าจะเป็น HTML 4.01 คืออะไร ? แล้ว XHTML 1.0 ละมันอะไร ? Web Application 1.0 (WA1) เป็นยังไง]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/%e0%b9%80%e0%b8%a3%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%95%e0%b9%89%e0%b8%99%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%a3%e0%b8%b9%e0%b9%89-html5-%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>ฟังบรรยายจากทีมงาน HTML5 in Thai ในหัวข้อ HTML5 : The future of website</title>
		<link>http://www.html5.in.th/2011/01/html5-the-future-of-website/</link>
		<comments>http://www.html5.in.th/2011/01/html5-the-future-of-website/#comments</comments>
		<pubDate>Tue, 04 Jan 2011 05:08:34 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Introduction]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=180</guid>
		<description><![CDATA[GTUG BootCamp 2011 เป็นงานเสวนา ที่พูดคุย แลกเปลี่ยน และแสดงเทคโนโลยีของ Google ตลอดจนพบปะกับเหล่านักพัฒนาที่ เข้ามาร่วมงาน โดยในครั้งนี้มีหัวข้อสำหรับเสวนา ได้แก่ Android , Chrome Extension &#038; Developer Tools, HTML5 และ Google App Engine จัดวันที่ 15 มกราคม 2554 เวลา 9.30 – 16.00 น. ที่อาคารอินเตอร์เนชั่นแนล คณะวิศวกรรมศาสตร์ มหาวิทยาลัยเกษตรศาสตร์ บางเขน (จำกัดที่นั่ง 250 ที่นั่งเท่านั้น) ในงานนี้ผมไปพูดในหัวข้อ HTML5 : The future of website ชวงเวลา 2.45pm - 3.45pm เป็นการพูดคุย พร้อมทั้งแสดงความสามารถของเทคโนโลยี HTML5 รวมถึงแนะนำแหล่งข้อมูลสำหรับนักพัฒนา http://www.html5rocks.com หรือ http://www.html5.in.th รายะเอียดเพิ่มเติมตามลิงค์ด้านล่างครับ]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/html5-the-future-of-website/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Canvas element ใน HTML5 คืออะไร ? ตอนที่ 2</title>
		<link>http://www.html5.in.th/2011/01/canvas-element-in-html5-part-2/</link>
		<comments>http://www.html5.in.th/2011/01/canvas-element-in-html5-part-2/#comments</comments>
		<pubDate>Mon, 03 Jan 2011 15:27:52 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Examples]]></category>
		<category><![CDATA[Canvas element]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=164</guid>
		<description><![CDATA[หลังจากเราได้รู้แล้วว่า Canvas Element มันคืออะไร ทำงานอย่างไร จากบทความ Canvas element ใน HTML5 คืออะไร ? ตอนที่ 1 คราวนี้เราจะมาดูตอนที่ 2 กัน ซึ่งตอนนี้ผมจะมาสอนวิธีการสร้าง Canvas กัน Canvas ใน HTML5 นั้นมี attribute ที่สำคัญที่จำเป็นต้องมีหลักๆ อยู่ 3 ตัวด้วยกัน ต้องกำหนด id, width, และ height ทั้ง 3 ตัวเป็น attribute ที่จำเป็นสำหรับ Canvas Element อย่างแรกทำไทต้องกดหนด id ให้ ตรงถ้าใครที่เคยพัฒนาเว็บมาอยู่แล้วก็คงทราบๆ กันดีว่าเพื่ออะไร แต่ใครไม่ทราบผมจะอธบายสั้นๆ ละกันครับ กำหนด ID ก็เพื่อให้ง่ายต่อการเรียกใช้งานหรือเข้าถึง Element นั้นๆ แน่อนครับเวลาจะใช้งานต้องเปิด Element ด้วย]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/canvas-element-in-html5-part-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>HTML5 กับ Div Element หรือ Semantic Markup ที่เปลี่ยนไป</title>
		<link>http://www.html5.in.th/2011/01/html5-div-element-or-semantic-markup/</link>
		<comments>http://www.html5.in.th/2011/01/html5-div-element-or-semantic-markup/#comments</comments>
		<pubDate>Mon, 03 Jan 2011 09:01:45 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Introduction]]></category>
		<category><![CDATA[Div Element]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Semantic Markup]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=152</guid>
		<description><![CDATA[จากบทความที่แล้วพูดเรื่อง HTML5 มี Elements อะไรใหม่ๆ เพิ่มขึ้นมาบ้าง คราวนี้มาดูเรื่อง Div Element หรือ Semantic Markup ใน HTML5 ที่เปลี่ยนไปกันบ้าง Semantic Markup ใน HTML5 ตามความเข้าใจของผมคือ DIV Element ตัวหนึ่งใน HTML เวอร์ชั่นก่อนๆ ถามว่า DIV Element คืออะไร ? DIV Element คือการพัฒนาเว็บไซต์ด้วยโครงสร้าง DIV Element ซึ่งเป็นรูปแบบที่เหล่านักพัฒนานิยมใช้กันในการพัฒนาเว็บไซต์ต่างๆ ซึ่ง Div Element นั้นใช้เพื่อแบ่งพื้นที่ให้เป็นสัดเป็นส่วน เพื่อให้เนื้อหาของเว็บไซต์นั้นสวยงามเป็นระเบียบ หรือวางเนื้อหาใว้ตามพื้นที่ที่ต้องการ Semantic Markup คืออะไร ? ถ้าจะอธิบายให้เข้าใจแบบง่ายๆ ไม่ต้องเทคนิคมากมันก็เป็นเหมือน ชื่อที่ใช้เรียกแทนตัว Markup ต่างๆ ซึ่งจะเรียกชื่อเป็นไปในทิศทางเดียวกัน และเป็นชื่อที่มีความหมาย เพื่อให้สื่อสารเข้าใจง่ายๆ ถ้าจะให้เห็นภาพมากขึ้นเราลองมาดูภาพแรกด้านล่างกันครับ]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/html5-div-element-or-semantic-markup/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>HTML5 มี Elements อะไรใหม่ๆ เพิ่มขึ้นมาบ้าง</title>
		<link>http://www.html5.in.th/2011/01/new-elements-in-html5/</link>
		<comments>http://www.html5.in.th/2011/01/new-elements-in-html5/#comments</comments>
		<pubDate>Mon, 03 Jan 2011 08:01:32 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Introduction]]></category>
		<category><![CDATA[Attribute Values]]></category>
		<category><![CDATA[Canvas element]]></category>
		<category><![CDATA[Form Elements]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Markup Elements]]></category>
		<category><![CDATA[Media Elements]]></category>
		<category><![CDATA[Semantic Markup]]></category>
		<category><![CDATA[Syntax]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=146</guid>
		<description><![CDATA[มีหลายๆ คนสงสัยและถามผมว่าใน HTML5 นั้นมีอะไรใหม่บ้าง ? ซึ่งคำตอบที่ได้ผมคงตอบได้ไม่หมด แต่เอาละไหนๆ มีคนถามเยอะก็มาเขียนอธิบายซะเลยง่ายดี :) อย่างแรกเลยถ้าเทียบกับ HTML4 สิ่งที่เปลี่ยนไปอย่างเห็นได้ชัดก็คือในเรื่องของ Syntax ซึ่งตรงนี้มันเป็นเรื่องพื้นฐานที่มันต้องปรับเปลี่ยนให้ดีขึ้นอยู่แล้ว ผมจะกล่าวแต่ในส่วนที่สำคัญๆ ส่วนในเรื่อง Syntax นั้นขอยกยอดไปบทความต่อๆ ไปละกัน ใน HTML5 นอกจาก Syntax ที่เปลี่ยนแปลงแล้วนั้น ก็จะมี New Elements ที่เพิ่มเข้ามา และในส่วนของ Semantic Markup ที่เปลี่ยนไป ซึ่งในบทความนี้จะผมจะพูดในเรื่องของ New Elements in HTML5 หรือ Elements ใหม่ๆ เพิ่มเข้ามาครับ ได้แก่ Markup Elements, Media Elements, Canvas Element, Form Elements แล้วก็ Attribute Values ครับ]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/new-elements-in-html5/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>เครื่องมือวาดภาพพัฒนาจาก HTML5 รองรับ Mobile device และ iPad</title>
		<link>http://www.html5.in.th/2011/01/muro-html5-drawing-tool/</link>
		<comments>http://www.html5.in.th/2011/01/muro-html5-drawing-tool/#comments</comments>
		<pubDate>Sun, 02 Jan 2011 17:52:30 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Demo]]></category>
		<category><![CDATA[Canvas element]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=129</guid>
		<description><![CDATA[muro เป็นโปรเจคของเว็บไซต์ DeviantART ที่พัฒนาระบบวาดภาพออนไลน์ด้วยโครงสร้างภาษา HTML5 และฟีเจอร์ที่ถูกหยิบมาใช้ก็คือ Canvas element หากใครไม่รู้ว่าไอ้เจ้า Canvas มันคืออะไรก็ลองอ่านบทความ Canvas element ใน HTML5 คืออะไร ? ดูได้ครับ muro เป็นตัวอย่างที่ชัดเจนมากในการนำเอาฟีเจอร์ Canvas มาพัฒนาเป็นระบบวาดภาพ และข้อดีของมันก็คือสามารถทำงานบน Mobile device ต่างๆ ผมได้ลองเล่นบน iPad แล้วก็สามารถใช้งานได้ แต่แบบขัดๆ ผมไม่แน่ใจว่าเป็นที่ตัวระบบเองที่พัฒนามาไม่ดี หรือว่าโครงสร้างทางด้านภาษาของ HTML5 เองที่มีปัญหา หรือไม่ก็เป็นที่ iPad เองที่ไม่ดี (อันนี้เดี๋ยวจะหาข้อมูลเพิ่มเติมครับ) แต่โดยร่วมสามารถใช้งานได้ ]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/muro-html5-drawing-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Canvas element ใน HTML5 คืออะไร ? ตอนที่ 1</title>
		<link>http://www.html5.in.th/2011/01/canvas-element-html5-part1/</link>
		<comments>http://www.html5.in.th/2011/01/canvas-element-html5-part1/#comments</comments>
		<pubDate>Sun, 02 Jan 2011 17:27:51 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Introduction]]></category>
		<category><![CDATA[Canvas element]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=136</guid>
		<description><![CDATA[ก่อนอื่นต้องบอกก่อนว่า HTML5 นั้นไม่ได้มีแต่ฟีเจอร์เรื่องของ Video และ Audio นะจ๊ะ ยังมีฟีเจอร์อื่นๆ ที่น่าสนใจและจะเป็นตัวพลิกโฉมวงการเว็บเลยก็ว่าได้ หนึ่งในนั้นก็คือ Canvas element ซึ่งเป็นคุณสมบัติทางด้านกราฟฟิกที่มาพร้อมกับ HTML5 และเจ้า Canvas element นี่แหละที่ผมคิดว่ามันอาจจะเป็นพระเอกของ HTML5 เพราะเจ้ากราฟฟิกตัวนี้ มันสามารถทำให้คุณสามารถสร้างระบบต่างๆ ที่คุณต้องการขึ้นมา ไม่ว่าจะเป็นระบบเกมส์ หรือโปรแกรมวาดภาพบนเว็บ ที่รองรับทุก platform หลายๆ คนคงจะเคยเห็นและเล่นเกมส์แฟรช (Flash Games) ซึ่งข้อเสียของมันก็คือต้องใช้ปลั๊กอินที่ชื่อว่า Flash player และแน่นอนว่าถ้าเครื่องไหนไม่สามารถลงปลั๊กอินตัวนี้ได้ ก็จะไม่สามารถเข้าชม หรือเล่นได้นั้นเอง แต่ถ้าระบบหรือเกมส์ นั้นๆ ถูกพัฒนาด้วย HTML5 มันจะสามารถเล่นได้ทุกระบบปฏิบัติการ โดยที่ไม่จำเป็นต้องลงปลั๊กอินใดๆ เพิ่ม]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/canvas-element-html5-part1/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>LeanBack: HTML5 player ที่รองรับการใส่ Subtitle เข้าไปในวีดีโอได้</title>
		<link>http://www.html5.in.th/2011/01/leanback-html5-player/</link>
		<comments>http://www.html5.in.th/2011/01/leanback-html5-player/#comments</comments>
		<pubDate>Sun, 02 Jan 2011 07:54:39 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Development Kit]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[HTML5 player]]></category>
		<category><![CDATA[LeanBack Player]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=119</guid>
		<description><![CDATA[LeanBack Player เป็น HTML5 player อีกตัวหนึ่งที่ผมอยากจะแนะนำให้ลองใช้งานกันครับ ตัวนี้ถือว่าเป็นอีกหนึ่งตัวที่มีฟีเจอร์ค่อนข้างหน้าสนใจ และพร้อมด้วยฟีเจอร์มาตรฐานครบถ้วน หนึ่งฟีเจอร์ที่หน้าสนใจก็คือ LeanBack นั้นเป็น HTML5 player ที่รองรับการใส่ Subtitle เข้าไปในวีดีโอได้ด้วย และที่สำคัญกว่านั้นรองรับเบราว์เซอร์ Mozilla Firefox (3.6.x), Opera Browser (10.x + 11.x), Google Chrome (7, 8), Apple Safari (5.0.x MacOS X, 5.0.x Windows + Quicktime Plugin), Microsoft Internet Explorer 9 (Beta) ไม่เพียงแค่รองรับ Desktop browsers เท่านั้นยังรองรับ Mobile devices อย่าง Apple iOS]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/leanback-html5-player/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HTML5 in Thailand ปรับโฉมใหม่ เชิญชวนมาเป็นส่วนหนึ่งของเรา</title>
		<link>http://www.html5.in.th/2011/01/html5-in-thailand/</link>
		<comments>http://www.html5.in.th/2011/01/html5-in-thailand/#comments</comments>
		<pubDate>Sun, 02 Jan 2011 05:04:58 +0000</pubDate>
		<dc:creator>กระปาล์ม</dc:creator>
				<category><![CDATA[HTML5 Introduction]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.html5.in.th/?p=109</guid>
		<description><![CDATA[ในที่สุดก็เคลียร์งานเสร็จสิ้นหลายๆ โปรเจคถูกปิดไปตอนสิ้นปี 2010 พอดี เริ่มต้น ค.ศ. ใหม่ถึงแม้จะไม่ถึงกับว่าง แต่ก็ไม่ค่อยหนักเหมือนที่ผ่านมาแล้ว ก็เลยหยิบเอาโปรเจคเก่าที่ตัวเองทำไว้อย่างบล็อกแห่งนี้ hTML5.in.th ซึ่งอีกไม่กี่เดือนจะครบปีแล้ว แต่ Content ในบล็อกน้อยมากเพราะไม่ค่อยมีเวลา ส่วนใหญ่จะเขียนที่ krapalm.com ซะเยอะ ไหนๆ ก็ว่างทั้งทีตั้งใจว่าจะมาลุยเขียน content ในบล็อกนี้เยอะๆ เพื่อแลกเปลี่ยนความรู้ด้านการพัฒนาเว็บไซต์ด้วย HTML5 เริ่มต้นปี 2011 ด้วยการปรับรูปโฉมของบล็อกให้มีหน้าตาสวยงาม แลดูหน้าเข้าใช้งาน หากใครรู้จักบล็อกของผม (krapalm.com) ก็คงจะเห็นได้อย่างชัดเจนครับว่า หน้าตาของบล็อกนี้เหมือนกับบล็อก กระปาล์มดอทคอม เลยแตกต่างกันเพียงเล็กน้อยเท่านั้น ซึ่งตรงนี้คงไม่ทำให้สับสนกันนะครับ]]></description>
		<wfw:commentRss>http://www.html5.in.th/2011/01/html5-in-thailand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

