<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>JQuery | Niwat</title>
	<atom:link href="https://www.niwat.blog/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.niwat.blog</link>
	<description>Digital Transformation ดิจิทัลขับเคลื่อนธุรกิจ</description>
	<lastBuildDate>Thu, 21 Oct 2010 08:35:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3.5</generator>
<site xmlns="com-wordpress:feed-additions:1">79349871</site>	<item>
		<title>Coolsite เว็บใหม่ TWBA แบบไม่ใช้ Flash ก็เจ๋งได้ (HTML5)</title>
		<link>https://www.niwat.blog/coolsite-twba-html5/</link>
					<comments>https://www.niwat.blog/coolsite-twba-html5/#respond</comments>
		
		<dc:creator><![CDATA[Niwat Chatawittayakul]]></dc:creator>
		<pubDate>Thu, 21 Oct 2010 08:03:44 +0000</pubDate>
				<category><![CDATA[Design and Creative]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Cool Site]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[projeqt]]></category>
		<category><![CDATA[TWBA]]></category>
		<category><![CDATA[เว็บเจ๋งๆ]]></category>
		<guid isPermaLink="false">https://www.niwat.blog/?p=2089</guid>

					<description><![CDATA[<p><a href="https://www.niwat.blog/wp-content/uploads/2010/10/tbwa-html51.jpg"><img decoding="async" class="alignnone size-full wp-image-2094" title="tbwa-html5" src="https://www.niwat.blog/wp-content/uploads/2010/10/tbwa-html51.jpg" alt="" width=500" srcset="https://www.niwat.blog/wp-content/uploads/2010/10/tbwa-html51.jpg 747w, https://www.niwat.blog/wp-content/uploads/2010/10/tbwa-html51-300x174.jpg 300w" sizes="(max-width: 747px) 100vw, 747px" /></a></p>
<p>กระแสเว็บที่เลือกที่จะไม่ใช้ Flash ดูจะมีเยอะขึ้น เพราะสามารถแสดงผลได้ Device ที่กว้าง ครอบคลุมมากกว่า &#8230;</p>
The post <a href="https://www.niwat.blog/coolsite-twba-html5/">Coolsite เว็บใหม่ TWBA แบบไม่ใช้ Flash ก็เจ๋งได้ (HTML5)</a> first appeared on <a href="https://www.niwat.blog">Niwat</a>.]]></description>
										<content:encoded><![CDATA[<p><a href="https://www.niwat.blog/wp-content/uploads/2010/10/tbwa-html51.jpg"><img decoding="async" class="alignnone size-full wp-image-2094" title="tbwa-html5" src="https://www.niwat.blog/wp-content/uploads/2010/10/tbwa-html51.jpg" alt="" width=500" srcset="https://www.niwat.blog/wp-content/uploads/2010/10/tbwa-html51.jpg 747w, https://www.niwat.blog/wp-content/uploads/2010/10/tbwa-html51-300x174.jpg 300w" sizes="(max-width: 747px) 100vw, 747px" /></a></p>
<p>กระแสเว็บที่เลือกที่จะไม่ใช้ Flash ดูจะมีเยอะขึ้น เพราะสามารถแสดงผลได้ Device ที่กว้าง ครอบคลุมมากกว่า &hellip;</p>The post <a href="https://www.niwat.blog/coolsite-twba-html5/">Coolsite เว็บใหม่ TWBA แบบไม่ใช้ Flash ก็เจ๋งได้ (HTML5)</a> first appeared on <a href="https://www.niwat.blog">Niwat</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.niwat.blog/coolsite-twba-html5/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2089</post-id>	</item>
		<item>
		<title>Apple ก่อกำแพง Flash ให้สูงขึ้น ชู HTML5 Web Standards ให้ความรู้แก่ผู้ใช้</title>
		<link>https://www.niwat.blog/apple-html5-web-standards/</link>
					<comments>https://www.niwat.blog/apple-html5-web-standards/#respond</comments>
		
		<dc:creator><![CDATA[Niwat Chatawittayakul]]></dc:creator>
		<pubDate>Fri, 04 Jun 2010 20:22:30 +0000</pubDate>
				<category><![CDATA[360 Product Reviews]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Photo Gallery]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Typo Graphic]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[VR]]></category>
		<category><![CDATA[Web Standards]]></category>
		<guid isPermaLink="false">https://www.niwat.blog/?p=1182</guid>

					<description><![CDATA[<p><a href="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-web-standards.jpg"><img decoding="async" fetchpriority="high" class="alignnone size-full wp-image-1193" title="apple html5 web standards" src="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-web-standards.jpg" alt="" width="500" height="363" srcset="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-web-standards.jpg 600w, https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-web-standards-300x218.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>Apple ปล่อยหน้าพิเศษ <a href="http://www.apple.com/html5/" target="_blank">http://www.apple.com/html5/</a> มาเพื่อสื่อสารถึงมาตรฐาน Web (Web StandDard) &#8230;</p>
The post <a href="https://www.niwat.blog/apple-html5-web-standards/">Apple ก่อกำแพง Flash ให้สูงขึ้น ชู HTML5 Web Standards ให้ความรู้แก่ผู้ใช้</a> first appeared on <a href="https://www.niwat.blog">Niwat</a>.]]></description>
										<content:encoded><![CDATA[<p><a href="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-web-standards.jpg"><img decoding="async" class="alignnone size-full wp-image-1193" title="apple html5 web standards" src="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-web-standards.jpg" alt="" width="500" height="363" srcset="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-web-standards.jpg 600w, https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-web-standards-300x218.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>Apple ปล่อยหน้าพิเศษ <a href="http://www.apple.com/html5/" target="_blank">http://www.apple.com/html5/</a> มาเพื่อสื่อสารถึงมาตรฐาน Web (Web StandDard) ด้วย HTML5 เพื่อบอกให้โลกรู้ว่า มันทำอะไรได้บ่างแถมยังบอกถึงคนพัฒนาอีกว่าจะ Develop มันยังไง</p>
<p>หลังจากที่ หลายค่ายยักษ์ใหญ่หันหลังกลับมาให้ Flash เนื่องจากการทำปรับเปลี่ยน Content เพื่อ Support HTML5 นั้นกลายเป็นคอส ค่าใช้จ่ายที่เพิ่มโดยใช่เหตุ ที่จะต้องมาแบกรับเกมส์นี้ทั้งๆ ที่ html5 ยังมาไม่ถึง จึงกลับมาใช้ Flash ที่ยังมีคุณภาพและใช้ได้ดีอยู่</p>
<p>Apple เลยออก มาสื่อสารในเรื่องของ HTML5 โดยเปิดหน้าที่อธิบายเทคโนโลยี HTML5 ว่าสามารถทำอะไรได้บ้าง เพื่อให้กลุ่ม end user เห็นภาพที่ชัดเจนขึ้นโดยแบ่ง เรื่องเป็น 7 เรื่องใหญ่ๆ</p>
<p><a href="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-2.jpg"><img decoding="async" class="alignnone size-full wp-image-1183" title="apple html5 - 2" src="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-2.jpg" alt="" width="500" srcset="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-2.jpg 650w, https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-2-300x207.jpg 300w" sizes="(max-width: 650px) 100vw, 650px" /></a></p>
<p><strong>1. Video Player</strong><br />
HTML5 มีความสะดวกในการ Embeded Video ในหน้า html ได้ง่ายโดยไม่จำเป็นต้องพึ่ง player ของ flash แต่ใช้ความสามารถของ Browser แทนที่สามารถแสดงผลวิดิโอได้ด้วยโค้ดสั้นๆ</p>
<blockquote>
<div id="_mcePaste">&lt;video id=&#8221;videoShowcase&#8221; width=&#8221;848&#8243; height=&#8221;352&#8243;  src=&#8221;http://movies.apple.com/media/us/html5/showcase/2010/demos/apple-html5-demo-tron_legacy-us-20100601_r848-2cie.mov&#8221; poster=&#8221;http://images.apple.com/html5/showcase/video/images/tron_legacy.jpg&#8221; loop=&#8221;loop&#8221; autoplay=&#8221;autoplay&#8221; autobuffer=&#8221;autobuffer&#8221;&gt;</div>
<div id="_mcePaste">&lt;img src=&#8221;http://images.apple.com/html5/showcase/video/images/tron_legacy.jpg&#8221; /&gt;</div>
<div id="_mcePaste">&lt;/video&gt;</div>
</blockquote>
<p><strong>2. Typo Graphic</strong><br />
เรื่องของการสามารถปรับหน้าตา Font ในการแสดงผลได้ตามต้องการสามารถแสดงผล font แปลกๆ หรือ Type พิเศษขึ้นไปได้โดยที่ FOnt เหล่านั้นอยู่ในรูปแบบ Dynamic ที่สามารถก๊อปปี้ พิมพ์ ตามที่นักพัฒนาต้องการ</p>
<p><span id="more-1182"></span></p>
<p><a href="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-4.jpg"><img decoding="async" class="alignnone size-full wp-image-1184" title="apple html5 - 4" src="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-4.jpg" alt="" width="500" srcset="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-4.jpg 700w, https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-4-300x218.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p><strong>3. Photo Gallery</strong><br />
สำหรับ Photo Gallery อันนี้น่าสนใจเพราะทำได้ง่ายขึ้นมากไม่ยุ่งยากเท่าการใช้ JQuery และสามารถทำได้หลายรูปแบบ จะวางเป็น Grid/แถวแนวนอน หรือแนวตั้ง และสามารถ Click zoom ดูรูปใหญ่ได้ทันที</p>
<p><a href="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-3.jpg"><img decoding="async" class="alignnone size-full wp-image-1185" title="apple html5 - 3" src="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-3.jpg" alt="" width="500" srcset="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-3.jpg 700w, https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-3-300x252.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p><strong>4. Transition</strong><br />
คือเทคนิคจังหวะของการเปลี่ยนภาพ ในหลายๆ ลักษณะที่ HTML5 สามารถ Support ได้เช่น Disslove Toss Slide in Iris Fade Through ถ้าพูดง่ายๆ ก็เหมือนกับที่มีการทำงานของ jQuery + Ajax ที่เป็นอยู่ในปัจจุบัน</p>
<p><strong>5. Audio</strong><br />
การใส่เสียงเข้าไปในหน้าได้ง่าย ๆ ก็ดึงเพลงมาเล่นในหน้าเว็บไซต์ได้ทันที</p>
<blockquote><p>&lt;a class=&#8221;audio-gallery movieLink controller&#8221; href=&#8221;http://a1.phobos.apple.com/us/r1000/011/Music/12/14/7f/mzm.ubzkrulq.aac.p.m4a&#8221;&gt;Play&lt;/a&gt;</p></blockquote>
<p><strong>6. 360 Product Reviews</strong><br />
เป็นความสามารถในการโชว์ภาพของ Product ต่างแบบ 360 องศาได้เลยโดยไม่ต้องเพิ่ง Flash</p>
<p><a href="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-1.jpg"><img decoding="async" class="alignnone size-full wp-image-1186" title="apple html5 - 1" src="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-1.jpg" alt="" width="500" srcset="https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-1.jpg 620w, https://www.niwat.blog/wp-content/uploads/2010/06/apple-html5-1-300x179.jpg 300w" sizes="(max-width: 620px) 100vw, 620px" /></a></p>
<p><strong>7. VR</strong><br />
ในส่วนของ VR ในส่วนนี้จำเป็นต้องเพิ่มความสามารถของ Browser ด้วย CSS 3D transforms เพื่อให้สามารถแสดงผล VR ได้ตามต้องการ</p>
<p>ทั้ง 7 ความสามารถเป็นความสามารถที่ทุกวันนี้ สามารถทำได้โดยไม่ต้องพึ่งพา html5 ก็ได้ เพียงแค่ใช้ความสามารถเพิ่มเติมของ Java Script JQuery Ajax ประกอบกันก็ทำได้แต่ เมื่อถึงคราว HTML5 ก็แค่อำนวยความสะดวกและทำได้ง่ายมากๆ เท่านั้น</p>
<p>นอกจากนี้ยังเปิดเพิ่มเติมสำหรับ กลุ่มนักพัฒนา และตัวอย่าง การทำงานของ HTML5 ร่วมกับ CSS3 รวมกับ JavaScript เปิดให้เอาโค้ดไปศึกษาและนำไปใช้ในเว็บไซต์ โดยเข้าไปดูได้ที่ <a href="http://developer.apple.com/safaridemos/" target="_blank">http://developer.apple.com/safaridemos/</a></p>The post <a href="https://www.niwat.blog/apple-html5-web-standards/">Apple ก่อกำแพง Flash ให้สูงขึ้น ชู HTML5 Web Standards ให้ความรู้แก่ผู้ใช้</a> first appeared on <a href="https://www.niwat.blog">Niwat</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.niwat.blog/apple-html5-web-standards/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="http://movies.apple.com/media/us/html5/showcase/2010/demos/apple-html5-demo-tron_legacy-us-20100601_r848-2cie.mov" length="359" type="video/quicktime" />
<enclosure url="http://a1.phobos.apple.com/us/r1000/011/Music/12/14/7f/mzm.ubzkrulq.aac.p.m4a" length="366" type="audio/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">1182</post-id>	</item>
		<item>
		<title>ชวนคุยเรื่อง HTML5 กับ FLASH ว่า Flash จะตายจริงมั้ย และ HTML5 มาแทน Flash ได้รึเปล่า</title>
		<link>https://www.niwat.blog/html5-vs-flash/</link>
					<comments>https://www.niwat.blog/html5-vs-flash/#comments</comments>
		
		<dc:creator><![CDATA[Niwat Chatawittayakul]]></dc:creator>
		<pubDate>Tue, 04 May 2010 19:18:26 +0000</pubDate>
				<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[dead of flash]]></category>
		<category><![CDATA[flash die]]></category>
		<category><![CDATA[flash player]]></category>
		<category><![CDATA[Flash จะตาย]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[html5 vs flash]]></category>
		<category><![CDATA[HTML5 กับ FLASH]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Steve Jobs]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[web technology]]></category>
		<guid isPermaLink="false">https://www.niwat.blog/?p=982</guid>

					<description><![CDATA[<p> <a href="https://www.niwat.blog/wp-content/uploads/2010/05/Flash_vs_HTML5.jpg"><img decoding="async" class="alignright size-medium wp-image-984" title="Flash_vs_HTML5" src="https://www.niwat.blog/wp-content/uploads/2010/05/Flash_vs_HTML5-300x214.jpg" alt="" width="300" height="214" srcset="https://www.niwat.blog/wp-content/uploads/2010/05/Flash_vs_HTML5-300x214.jpg 300w, https://www.niwat.blog/wp-content/uploads/2010/05/Flash_vs_HTML5.jpg 430w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ประเด็น HTML5 กับ Flash ถือเป็นการฟาดฟันกันของ Adobe กับ &#8230;</p>
The post <a href="https://www.niwat.blog/html5-vs-flash/">ชวนคุยเรื่อง HTML5 กับ FLASH ว่า Flash จะตายจริงมั้ย และ HTML5 มาแทน Flash ได้รึเปล่า</a> first appeared on <a href="https://www.niwat.blog">Niwat</a>.]]></description>
										<content:encoded><![CDATA[<p> <a href="https://www.niwat.blog/wp-content/uploads/2010/05/Flash_vs_HTML5.jpg"><img decoding="async" loading="lazy" class="alignright size-medium wp-image-984" title="Flash_vs_HTML5" src="https://www.niwat.blog/wp-content/uploads/2010/05/Flash_vs_HTML5-300x214.jpg" alt="" width="300" height="214" srcset="https://www.niwat.blog/wp-content/uploads/2010/05/Flash_vs_HTML5-300x214.jpg 300w, https://www.niwat.blog/wp-content/uploads/2010/05/Flash_vs_HTML5.jpg 430w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ประเด็น HTML5 กับ Flash ถือเป็นการฟาดฟันกันของ Adobe กับ &hellip;</p>The post <a href="https://www.niwat.blog/html5-vs-flash/">ชวนคุยเรื่อง HTML5 กับ FLASH ว่า Flash จะตายจริงมั้ย และ HTML5 มาแทน Flash ได้รึเปล่า</a> first appeared on <a href="https://www.niwat.blog">Niwat</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.niwat.blog/html5-vs-flash/feed/</wfw:commentRss>
			<slash:comments>7</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">982</post-id>	</item>
	</channel>
</rss>
