<?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>สอนใช้งานภาษา jQuery JavaScript Library</title>
	<atom:link href="http://www.jquery.in.th/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jquery.in.th</link>
	<description>สอนใช้งานภาษา jQuery JavaScript Library</description>
	<lastBuildDate>Tue, 07 Feb 2012 07:19:56 +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>Canvas element</title>
		<link>http://www.jquery.in.th/canvas-element/</link>
		<comments>http://www.jquery.in.th/canvas-element/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 07:19:34 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[HTML5 & CSS3]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[canvas element]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1891</guid>
		<description><![CDATA[วันนี้จะเขียนถึง Canvas element สั้นๆครับเพื่อปูเนื้อหาไปยังส่วนที่ลงลึกไปอีก ถือว่าเป็น Intro กันก่อนก็แล้วกันนะครับ จริงๆแล้วสิ่งใหม่ๆที่เพิ่มเข้ามาใน HTML5 นั้นมีเยอะพอสมควรแล้วก็สิ่งที่เด่นๆนั้นก็มีพอสมควรเช่นกัน แต่ผมว่า Canvas เนี่ยแหละเป็นอีกตัวเด่นเลยที่จะต้องมีการใช้งานเยอะพอสมควร เพราะว่าเมื่อมีการเริ่มใช้งาน HTML5 อย่างแพร่หลายแล้ว สิ่งที่จะมาแทน Flash ได้ดีก็คือ Canvas เนี่ยแหละครับ อย่างตอนนี้ทางทีม เก้ายอดสตูดิโอ เองก็กำลังทำการแปลง Rich Media ต่างๆ เช่น Ads Banner ต่างๆที่ทำเป็น Animation ให้มาแสดงผลบน Canvas เพื่อที่จะสามารถแสดงผลบน Smart Phone อย่างเช่น iPhone, Android ได้โดยที่ไม่ต้องพึ่งพา Flash เลย (ตอนนี้เริ่มมี request จากลูกค้ามาแล้วครับ) ก่อนจะเลือกว่าจะใช้ Canvas Element นั้นต้องมาดูกันก่อนนะครับว่ามัน Support กับ Browser อะไรบ้าง Canvas Support Browsers IE9+,Chrome 3+,Safari 3+, Opera 10+, Firefox 3+ Canvas Element นี้จะทำงานแบบ Pixel นะครับทำให้มันมีความสามารถเยอะเลย ตัวอย่างง่ายๆเลยก็คือเราสามารถที่จะแก้ค่า สี เฉดสี ของรูปได้เหมือนกับทำใน Photoshop เลยครับ [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/canvas-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>วิธี validate form แบบ custom</title>
		<link>http://www.jquery.in.th/custom-validate-form/</link>
		<comments>http://www.jquery.in.th/custom-validate-form/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 13:47:21 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[valdation]]></category>
		<category><![CDATA[validate]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1828</guid>
		<description><![CDATA[หลังจากที่ปล่อยบทความการ Validate Form ไปได้สองบทความ ก็มีเพื่อนๆที่สนใจถามมาเกี่ยวกับการ Validate นอกจากการใช้ ปุ่ม Submit แล้วสามารถทำแบบอื่นๆได้หรือไม่ ก็เลยเขียนบทความนี้ขึ้นมาให้เพื่อนๆได้อ่านกันครับ ตามเข้ามาเลยครับ วิธี customize หรือการปรับการทำงานต่างๆของ Plugin Validation นั้นผมกะว่าจะเขียนในบทความที่ลงลึกๆ แต่ก็เอามาเขียนแบบเฉพาะกิจเรียกน้ำย่อยให้เพื่อนๆได้อ่านกันก่อนครับ มาดูกันเลยดีกว่าครับว่าวิธีเอา Button มาใช้แทน ปุ่ม submit นั้นสามารถทำได้หรือไม่ (ปุ่มและ Text box ผมใช้ CSS3 อาจจะแสดงผลในบาง Browser ไม่ได้นะครับ) ตัวอย่างการ Validate ด้วยปุ่ม Button: Button Submit ตัวอย่างด้านบนนี้ผมใช้ ปุ่ม Button ในการเช็ค Validate Form จะเห็นว่าสามารถทำงานได้เช่นเดียวกับปุ่ม Submit ครับ ดังนั้นเราจะใช้ TAG DIV หรือ P ก็สามารถทำได้เพราะว่าผมใช้การดัก Event Click ที่เกิดขึ้นกับ Element ที่ต้องการแล้วทำการเช็ค Form ด้วยคำสั่ง 1$&#40;'#myForm'&#41;.valid&#40;&#41; Function valid() นี้จะ return ค่ากลับมาเป็น True เมื่อ user นั้นกรอกข้อมูลครบตามเงื่อนไขที่เรากำหนด ถ้ากรอกไม่ครบก็จะ return false กลับมาและทำการแจ้งข้อความ [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/custom-validate-form/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>วีธี validate email หรือตรวจสอบรูปแบบ email</title>
		<link>http://www.jquery.in.th/validate-email/</link>
		<comments>http://www.jquery.in.th/validate-email/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 10:51:01 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[validate]]></category>
		<category><![CDATA[validate email]]></category>
		<category><![CDATA[validation]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1800</guid>
		<description><![CDATA[  jQuery plugin validation : E-mail address หลังจากบทความก่อนหน้านี้แนะนำการใช้งาน jQuery Plugin Validation กันไปพอสมควรแล้วต่อไปก็จะเป็นบทความเกี่ยวกับการทำ Validation ในรูปแบบต่างๆครับ การทำ validate email address เป็นอีกงานหนึ่งที่ใช้กันบ่อยๆ เพราะต้องตรวจสอบรูปแบบของอีเมล์ก่อนที่จะเก็บลง Database หรือทำอย่างอื่นกันต่อไปก็แล้วแต่ แต่ก่อนผมก็เขียนเป็น Function Javascript ธรรมดาๆเนี่ยแหละครับในการเช็คค่า form แต่พอมี jQuery และ plugin Validate ตัวนี้ชีวิตมันก็เริ่มง่ายขึ้นมาทันที มาดูวิธีการใช้งานกันเลยดีกว่า Code ส่วนนี้อยู่ในส่วนของ Head นะครับ (แต่จริงๆแล้วเอาไว้ใน body ก็ได้ครับ) 12345678910111213141516171819202122&#60;html&#62; &#160; &#160;&#60;head&#62; &#160; &#160; &#160;&#60;script src=&#34;jquery-latest.js&#34;&#62;&#60;/script&#62; &#160; &#160; &#160;&#60;script src=&#34;jquery.validate.js&#34;&#62;&#60;/script&#62; &#160; &#160; &#160;&#60;script&#62; &#160; &#160; &#160; &#160;$(document).ready(function(){ &#160; &#160; &#160; &#160; &#160; $('#myForm').validate(); &#160; &#160; &#160; &#160;}); &#160; &#160; &#160;&#60;/script&#62; &#160; &#160;&#60;/head&#62; &#160; [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/validate-email/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Validation Plugin</title>
		<link>http://www.jquery.in.th/validation/</link>
		<comments>http://www.jquery.in.th/validation/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 07:36:33 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[plugin validation]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[vaidate]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1758</guid>
		<description><![CDATA[บทความนี้เป็นบทความแรกของปี 2012 ครับ เราจะมาทำความรู้จักกับ Plugin Validation ที่มีประโยชน์สำหรับงานที่ต้องทำเกี่ยวกับ Form ไม่ว่าจะ Form login,Register,Contact หรืออะไรก็แล้วแต่ที่ต้องทำเกี่ยวกับ Web Form แล้วต้องการจะเช็คว่ารูปแบบถูกต้องหรือไม่ กรอกครบหรีือไม่ก็ต้องใช้ plugin Validation ตัวนี้เลยครับ เอาละเริ่มจากติดตั้ง Plugin Validation กันก่อนเลยโดยไป Download ได้ที่นี่ครับ 1http://jzaefferer.github.com/jquery-validation/jquery.validate.js หลังจากที่โหลดมาให้ก็อย่าลืมทำการ include code เข้ามาด้วยนะครับ โดยวางไว้ภายใน Tag Head เช่นเคย 12345&#60;html&#62; &#160; &#160;&#60;head&#62; &#160; &#160; &#160;&#60;script src=&#34;jquery-latest.js&#34;&#62;&#60;/script&#62; &#160; &#160; &#160;&#60;script src=&#34;jquery.validate.js&#34;&#62;&#60;/script&#62; &#160; &#160;&#60;/head&#62; มาเริ่มกันเลยครับ ผมยกตัวอย่างสักสองสามตัวอย่างให้ดูก่อนนะครับว่าวิธีนำเอา Validation ของ jQuery มาใช้นี้นำมาใช้อย่างไรแบบง่ายๆกันก่อน เริ่มกันที่ทำการเช็คว่า text box หรือ input box ที่เราต้องการตรวจสอบนั้นมีการกรอกข้อมูลหรือเปล่านะครับ มาดู code validate กันเลย ในการเขียน code นั้นเราจะใช้ ID ของ Tag FORM นะครับใช้ตรวจสอบ 12345678910&#60;html&#62; &#160; &#160;&#60;head&#62; [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/validation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>วิธีใช้ jQuery เรียก function getContext บน HTML5 canvas element</title>
		<link>http://www.jquery.in.th/jquery-getcontext-canvas/</link>
		<comments>http://www.jquery.in.th/jquery-getcontext-canvas/#comments</comments>
		<pubDate>Sun, 25 Dec 2011 14:00:00 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[HTML5 & CSS3]]></category>
		<category><![CDATA[getContext]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1745</guid>
		<description><![CDATA[หลังจากที่เมื่อวานได้เขียนบทความเกี่ยวกับ HTML5 Element ที่ชื่อว่า Canvas ไปแล้วและเจอกับปัญหาเล็กๆน้อยๆในการใช้ jQuery เพื่อที่จะ select เอา canvas element ตัวที่ต้องการออกมา ซึ่งสามารถที่จะ select ตัว element canvas ได้แต่พบว่าไม่สามารถเรียก function getContext ได้ ตอนแรกคิดว่าน่าจะเกิดจาก version ของ jQuery ที่ใช้ในเว็บ (1.4) แต่พอลองไปเช็คดูทุกๆ version แล้วปรากฎว่าไม่ได้เป็นที่ version ของ jQuery แต่อย่างใด ก็เลยมาเขียนแชร์ให้เพื่อนๆได้อ่านกันสั้นๆครับ เมื่อคืนนี้ผมลองเขียน code ในการเรียก function getContext ขึ้นมาแต่ใช้ jQuery แล้วมันไม่รู้จักกับ function นี้เลยต้องใช้ javascript แบบธรรมดาๆครับ 1234567var canvas = document.getElementById&#40;'myCanvas'&#41;; &#160; &#160; if&#40; canvas.getContext &#41; &#160; &#160; &#160; &#123; &#160; &#160; &#160; &#160; &#160;alert&#40;'function getContext is OK!!'&#41;; &#160; &#160; &#160; &#125;else&#123; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-getcontext-canvas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>canvas คืออะไร</title>
		<link>http://www.jquery.in.th/html5-canvas-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/</link>
		<comments>http://www.jquery.in.th/html5-canvas-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/#comments</comments>
		<pubDate>Sat, 24 Dec 2011 19:38:52 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[HTML5 & CSS3]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1706</guid>
		<description><![CDATA[ใน HTML5 นั้นจะมี Element ที่ชื่อว่า canvas ที่เราสามารถใช้ jQuery หรือ JavaScript ควบคุมการทำงานของมันได้ ไม่ว่าจะวาดภาพ วาดวงกลม ใส่รูป เราก็สามารถใส่เข้าไปใน canvas ได้ ถ้าเพื่อนๆที่เคยใช้พวก Java applet คงจะพอนึกภาพออกนะครับว่า Canvas นั้นมันก็เป็นพื้นที่สี่เหลี่ยมที่เอาไว้ใช้แสดงผลกราฟฟิก ที่เราสามารถจะควบคุมได้ สามารถควบคุมในระดับ pixel ได้เลยทีเดียว Canvas นั้นก็เหมือนๆกับ Element อื่นๆครับ สามารถกำหนด Style ให้ได้ไม่ว่าจะเป็นสี ขนาดความกว้าง ความสูง กำหนดทำแหน่งได้ด้วย ตัวอย่าง code Element canvas 123&#60;canvas id=&#34;myCanvas&#34; &#160; &#160; &#160; &#160; width=&#34;450&#34; height=&#34;200&#34; &#160; &#160; &#160; &#160; style=&#34;background-color:red&#34;&#62;&#60;/canvas&#62; ผลที่ได้ก็จะเหมือนๆกับเราสร้าง Element DIV ครับ เพียงแต่ว่าความสามารถของ Canvas นั้นมันมีมากกว่า และถ้าคลิกขวาที่ Canvas เราสามารถที่จะ Save ออกมาเป็น Image ได้ด้วยนะครับ จะเห็นว่าเราสามารถใส่สีพื้นหลังหรือจะกำหนด position เป็นแบบ absolute ให้มันลอยเหนือ Element อื่นๆก็ได้นะครับ [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/html5-canvas-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>มาทำความรู้จักกับ HTML5 Badge กันบ้างครับ</title>
		<link>http://www.jquery.in.th/html5-badge/</link>
		<comments>http://www.jquery.in.th/html5-badge/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 18:47:39 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[HTML5 & CSS3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[html5 badge]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1692</guid>
		<description><![CDATA[ถ้าจะเขียน HTML5 แล้วละก็ ต้องมาทำความรู้จักกับ Badge หรือสัญญาลักษณ์ต่างๆของ HTMl5 กันก่อนนะครับว่าแต่ละอันนั้นหมายความว่ายังไง Badge ต่างๆของ HTML5 นี้ผมเอามาจากเว็บ w3c นะครับไม่ได้มั่วหรือว่าเอามาจากเว็บอื่นๆ เพราะว่าต่อไปนี้ Badge ต่างๆเหล่านี้จะไปปรากฎบนหน้าเว็บที่รองรับการทำงานของ HTML5 จะเป็นตัวที่บอกว่า เว็บนั้นๆ Support อะไรบ้าง จากรูปด้านบนที่เพื่อนๆเห็นนั้น เป็น Badge ที่ผม Generate มาจากเว็บ w3c เพื่อนๆเองก็สามารถเข้าไปสร้างแล้วนำมาติดที่เว็บตัวเองได้นะครับว่าเว็บของเพื่อนๆลองรับอะไรกันบ้าง เดี๋ยวมาดูกันเป็นตัวๆครับว่ามันหมายความว่ายังไง &#160; ็HTML5 SEMANTICS &#160; คือสามารถรองรับการทำงานแบบ Offline และสามารถจัดเก็บข้อมูลลงใน local storage ได้ เช่น เก็บคะแนนเวลาเล่นเกมส์ หรือใช้เก็บข้อมูลต่างๆในขณะที่ไม่ได้ online หลังจากที่ online แล้วค่อยทำการ sync data เข้ากับระบบ Online อีกที ซึ่งจะเหมาะกับ Mobile มากเพราะไม่จำเป็นต้อง online ตลอดเวลา &#160; Device Access คือความสามารถในการเข้าถึง Device ต่างๆบนเครื่อง เช่น ติดต่อกับ Webcam, Microphones,  GPU, Geolocation ความสามารถนี้ทำให้ข้อจำกัดที่มีอยู่ในปัจจุบันถูกขจัดออกไป ง่ายๆคือไม่ต้องไปพึ่งการติดต่อ Device ผ่าน Adobe [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/html5-badge/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>วิธีทำ &#8220;Let it snow&#8221; แบบ Google ครับด้วย HTML5</title>
		<link>http://www.jquery.in.th/let-it-snow-google-html5/</link>
		<comments>http://www.jquery.in.th/let-it-snow-google-html5/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 17:14:47 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[HTML5 & CSS3]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1618</guid>
		<description><![CDATA[เมื่อไม่กี่วันมานี้เพื่อนๆคงได้ลองเข้าไป Google แล้ว Search คำว่า &#8220;Let it snow&#8221; กันมาบ้างแล้วนะครับ หลายๆคนชื่นชอบ Effect ตัวนี้กันมาก ถึงจะเป็นแค่ลูกเล่นเล็กๆ แต่ก็สร้างความฮือฮาได้มากทีเดียวเลย Google ได้โชว์ลูกเล่นของ HTML5 ให้ชาวโลกได้เห็นกัน ซึ่งจริงๆแล้วในหน้าของ Google Search เองนั้นตรง Logo มีการนำเอา HTML5 มาทำตรง Google Doodle ให่ได้เล่นกันตามช่วงต่างๆ เอาละครับหลังจากที่เราได้เห็น Google โชว์ความสามารถของ HTML5 ไปแล้วทีนี้เราจะมาลองทำแบบ Google กันบ้างครับ Google ใช้วิธีการวาดภาพแบบ 2D บน Canvas ที่มีมาใน HTML5 (จะเล่นได้เฉพาะบน Browser ที่ลองรับ HTML5 เท่านั้น) หลังจากที่ Effect ตัวนี้ออกมาได้ไม่นานก็ได้มี Developer ท่านหนึ่งได้แกะ code ที่ Google ได้ใช้ในหน้านั้นและทำเป็น lib ให้เราๆท่านๆได้โหลดมาใช้กันครับ ก่อนอื่นเลยเพื่อนท่านใดสนใจจะลองด้วยตัวเอง สามารถไปโหลด Source code จากเว็บ Github ได้เลยครับ Download : https://github.com/wong2/SnowClone หลังจากที่โหลดมาแล้วจะได้ File .js อยู่ 2 file [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/let-it-snow-google-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 DOCTYPE และ HEAD Tag</title>
		<link>http://www.jquery.in.th/html5-doctype-and-head/</link>
		<comments>http://www.jquery.in.th/html5-doctype-and-head/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 11:57:29 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[HTML5 & CSS3]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[head]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1607</guid>
		<description><![CDATA[มาทำความรู้จักกับ HTML5 ในส่วนของ DOCTYPE และในส่วนของ HEAD กันดีกว่าครับ ซึ่งจะมีข้อที่แตกต่างกับ HTML4 อยู่ คือ HTML5 นั้นจะเขียนน้อยลงครับ และสั้นลง ไม่ต้องไปกำหนด Attribute ที่ไม่จำเป็นเพิ่ม เช่น  http-equiv หรือ  type=&#8221;text/css&#8221; ก่อนอื่นเรามาดูข้อแตกต่างกันก่อนครับว่า HTML4.01  นั้นมันต่างกับ HTML5 ตรงใหนกัน มาเริ่มกันที่ Doctype กันเลย DOCTYPE นั้นเป็นส่วนที่ประกาศเอาไว้บนสุดของ File HTML เลยครับ เพื่อบอกให้ Browser นั้นทราบว่า เอกสารที่จะเปิดนั้นเป็นอะไร HTML4.01 DOCTYPE 12&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62; HTML5 DOCTYPE 1&#60;!doctype html&#62; เห็นข้อแตกต่างใหมครับ จะเห็นว่า HTML5 นั้น เขียนแค่นี้จริงๆครับสำหรับการประกาศเอกสารว่านี่คือเอกสาร HTML นะ ไม่ต้องมี attribute อะไรมาเพิ่มเติมเหมือนกับ HTML4.01 เลยครับ มาดู META [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/html5-doctype-and-head/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 คือ</title>
		<link>http://www.jquery.in.th/html5-%e0%b8%84%e0%b8%b7%e0%b8%ad/</link>
		<comments>http://www.jquery.in.th/html5-%e0%b8%84%e0%b8%b7%e0%b8%ad/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 10:54:48 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[HTML5 & CSS3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[html5 คือ]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1600</guid>
		<description><![CDATA[HTML5 คืออะไร? สำหรับเพื่อนๆที่ลงขึ้น Advance ไปแล้วข้ามบทความนี้ไปได้เลยนะครับ เนื้อหาในส่วนนี้ผมจะขอแชร์ให้กับเพื่อนๆที่พึ่งจะเริ่มต้นกับ HTML5 ไปพร้อมๆกันครับ HTML ย่อมาจาก HyperText Markup Language หากจะเล่าก็คงจะยืดยาวแน่ๆเอาสั้นๆเลยก็แล้วกันครับ ปัจจุบันนั้นเราใช้ HTML กันอยู่ที่เวอร์ชั่น 4 ซึ่งตอนนี้มันก็เดินทางมาถึงทางตันแล้ว คือมันตันทางด้านเทคโนโลยี มันไม่สามารถที่จะลองรับเทคโนโลยีใหม่ๆตามที่นักพัฒนาต้องการได้ เพราะถ้าจะให้ใช้เวอร์ชั่นเดิม ทางคนพัฒนาโปรแกรมต่างๆก็ต้องไปพัฒนาในส่วนอื่นๆเพิ่มเติมเอาเอง เช่นจะเขียนโปรแกรมให้ Web browser สามารถติดต่อกับ Server side ได้ด้วยตัวเองนั้นก็ต้องอาศัยการเขียนโปรแกรมผ่าน ActiveX, Flash, Java Servlet etc. แค่จะทำงานบางอย่างง่ายๆถึงกับต้องขึ้นขี่ช้างกันไปเลย แบบนี้ก็ไม่ใหว เมื่อเดินทางมายาวนานและตันแล้ว ก็เลยกำเนิด HTML5 ออกมา (จริงๆแล้วจะเกิดมานานแล้วครับแต่เป็นแค่แบบร่างเอาไว้) เพื่อทำให้ web browser นั้นสามารถที่จะตอบสนองหรือรองรับเทคโนโลยีด้านเว็บใหม่ๆได้ เพราะจากตัวอย่างที่ผมยกมานั้น เจ้า HTML5 นั้นสามารถที่จะเขียนให้มันเชื่อมต่อกับ Server side ได้ หรือสามารถเขียนโปรแกรมให้ประมวลผลงานด้าน 3D ผ่าน canvas โดยที่ไม่ต้องไปง้อ Flash หรีือ Servlet เลยแม้แต่น้อย สามารถสั่งให้ประมวลผลด้วย GPU โดยตรงได้เลย มันยอดตรงนี้แหละ undefined]]></description>
		<wfw:commentRss>http://www.jquery.in.th/html5-%e0%b8%84%e0%b8%b7%e0%b8%ad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>มาเริ่มต้นกับ HTML5 กันครับ</title>
		<link>http://www.jquery.in.th/%e0%b8%a1%e0%b8%b2%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%b8%81%e0%b8%b1%e0%b8%9a-html5-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b8%84%e0%b8%a3%e0%b8%b1%e0%b8%9a/</link>
		<comments>http://www.jquery.in.th/%e0%b8%a1%e0%b8%b2%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%b8%81%e0%b8%b1%e0%b8%9a-html5-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b8%84%e0%b8%a3%e0%b8%b1%e0%b8%9a/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 10:33:00 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[HTML5 & CSS3]]></category>
		<category><![CDATA[begin html5]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1596</guid>
		<description><![CDATA[สวัสดีครับ หลังจากทีมงานได้ย้ายบ้านมาบ้านหลังใหม่กันเรียบร้อยแล้วก็จะเริ่ม update  content กันแล้วครับ แนวโน้มในปีหน้า HTML5 มาแน่ๆครับ เพราะผมดูจาก Google,Facebook,iOS ที่ลงมาเล่น HTM5 กันอย่างสนุกสนาน ถ้าใครอยากจะพลาดตกรถไฟขบวนแรกก็มาเริ่มต้นไปด้วยกันเลยดีกว่าครับ :) HTML5 ถ้าจะให้พูดถึงความน่าสนใจของเทคโนโลยี HTML5 ละก็ผมคงต้องยกตัวอย่างของ Facebook มาเป็นตัวอย่างครับ เพราะ Facebook Application ที่อยู่บน iOS หรือ Android นั้น เนื้อในของ Application คือ HTML5 ครับ และที่สำคัญเมื่อเช้านี้ผมได้ติดตามข่าวจากต่างประเทศ ได้ข่าวมาว่าทาง Facebook นั้นร่วมมือกับค่ายเกมส์ที่มีเกมส์อยู่บน Facebook อยู่แล้วนั้น จะนำเกมส์มาพัฒนาด้วย HTML5 ให้สามารถเล่นผ่าน Facebook version mobile ได้ (ปัจจุบัน Facebook app ทั้งบน iOS และ Android ไม่สามารถเล่น Application ใดๆได้เลย) และยิ่งไปกว่านั้น ทาง Nintendo ที่เป็นเจ้าพ่อค่ายเกมส์ ออกมาให้ข่าวเช่นกันว่า สนใจที่จะลงทุนทำเกมส์บนแฟรตฟอร์มอื่นๆด้วย เช่น iOS,Android และ Facebook ซึ่งถ้าทางออกที่ดีให้ทำเกมส์ทีเดียวแล้วเล่นได้ทุก แพรตฟอร์มละก็คงหนีไม่พ้น HTML5 แน่นอนครับ เมื่อรู้แบบนี้แล้วเราจะช้าไปอยู่ใยครับ พร้อมจะลุยกันหรือยัง ที่ผมเอา HTML5 [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/%e0%b8%a1%e0%b8%b2%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%b8%81%e0%b8%b1%e0%b8%9a-html5-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b8%84%e0%b8%a3%e0%b8%b1%e0%b8%9a/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cheat Sheet สำหรับ jQuery 1.7</title>
		<link>http://www.jquery.in.th/cheat-sheet-jquery-1-7/</link>
		<comments>http://www.jquery.in.th/cheat-sheet-jquery-1-7/#comments</comments>
		<pubDate>Wed, 14 Dec 2011 05:17:06 +0000</pubDate>
		<dc:creator>Pachai Leknettip</dc:creator>
				<category><![CDATA[jQuery 1.7]]></category>
		<category><![CDATA[cheat sheet]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1578</guid>
		<description><![CDATA[มี Cheat Sheet สำหรับ jQuery 1.7 มาแจกครับ ดาวน์โหลด PDF : jQuery 1.7 Visual Cheat Sheet]]></description>
		<wfw:commentRss>http://www.jquery.in.th/cheat-sheet-jquery-1-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>มีอะไรใหม่ๆบ้างใน jQuery 1.7</title>
		<link>http://www.jquery.in.th/new-in-jquery-1-7/</link>
		<comments>http://www.jquery.in.th/new-in-jquery-1-7/#comments</comments>
		<pubDate>Sat, 05 Nov 2011 04:18:30 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[jQuery 1.7]]></category>
		<category><![CDATA[new in 1.7]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1518</guid>
		<description><![CDATA[มาดูกันครับว่ามีอะไรใหม่ๆเพิ่มเข้ามาบ้างใน jQuery version 1.7 ส่วนบทความที่จะอธิบายว่า function ที่เพิ่มเข้ามาใหม่ๆนั้นทำงานยังไงนั้นเดี๋ยวจะเขียนแยกเป็นบทความย่อยอีกทีครับ ตอนนี้มาดูกันก่อนดีกว่า New in jQuery 1.7 jQuery.Callbacks() callbacks.add() callbacks.disable() callbacks.empty() callbacks.fire() callbacks.fired() callbacks.fireWith() callbacks.has() callbacks.lock() callbacks.locked() callbacks.remove() deferred.notify() deferred.notifyWith() deferred.progress() deferred.state() jQuery.isNumeric() .off() .on() ทั้งหมดที่เพิ่มเข้ามาใหม่ใน jQuery 1.7 ก็มีทั้งหมด 18 function ด้วยกัน เดี่ยวจะพยายามทยอยเขียนบทความในแต่ละ Function ที่เพิ่มเข้ามาให้ได้อ่านกันนะครับ ช่วงนี้ว่างๆก็จะขยันเขียนหน่อยครับ แฮ่ะ]]></description>
		<wfw:commentRss>http://www.jquery.in.th/new-in-jquery-1-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>วิธีใช้งาน Event .on และ  .off บน jQuery 1.7</title>
		<link>http://www.jquery.in.th/jquery-event-api-on-and-off/</link>
		<comments>http://www.jquery.in.th/jquery-event-api-on-and-off/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 05:36:57 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Events]]></category>
		<category><![CDATA[jQuery 1.7]]></category>
		<category><![CDATA[.off]]></category>
		<category><![CDATA[.on]]></category>
		<category><![CDATA[die]]></category>
		<category><![CDATA[unbind]]></category>
		<category><![CDATA[undelegate]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1511</guid>
		<description><![CDATA[วันนี้้ว่างๆเพราะน้ำท่วมขอแถมอีกบทความเลยแล้วกันครับ การวิธีการใช้งาน New events บน jQuery 1.7 ที่เป็น events ใหม่ที่เพิ่มเข้ามาในเวอร์ชั่น 1.7 นี้เข้าเรื่องกันเลยละกันครับ จริงๆแล้วการใช้งานก็ไม่ได้ยากหรือซับซ้อนอะไรมากหมาย เพียงแต่ว่า ถ้าคนที่เคยใช้ event พวก .live หรือ .bind จะเข้าใจว่า 2 event นี้จริงๆแล้วมันใช้งานต่างกัน แต่การทำงานเหมือนกัน ผมขอทบทวนหน่อยก็แล้วกันครับ .bind นี้จะใช้เมื่อเรามี Element  ตัวนั้นอยู่จริงๆ เช่นเรามี tag a อยู่แล้วจริงๆเราก็สามารถที่จะใช้ .bind เพื่อ add event ให้กับ tag a 123456789101112&#60;a href=&#34;#&#34;&#62;Click here 1&#60;/a&#62; &#60;a href=&#34;#&#34;&#62;Click here 2&#60;/a&#62; &#60;a href=&#34;#&#34;&#62;Click here 3&#60;/a&#62; &#60;script&#62; &#160; &#160;$&#40;'a'&#41;.bind&#40;'click', myFunction&#41;; &#160; &#160;function myFunction&#40;&#41; &#160; &#160;&#123; &#160; &#160; &#160; alert&#40;'Clicked'&#41;; &#160; &#160;&#125; &#60;/script&#62; จาก code ด้านบนนี้นะครับ จะเป็นการ bind event [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-event-api-on-and-off/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery เวอร์ชั่น 1.7 คลอดแล้วครับ</title>
		<link>http://www.jquery.in.th/jquery-1-7-released/</link>
		<comments>http://www.jquery.in.th/jquery-1-7-released/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 04:08:19 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[jQuery 1.7]]></category>
		<category><![CDATA[jquery html5]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1499</guid>
		<description><![CDATA[เป็นอีกบนความที่กินเวลายาวนานมากครับกว่าจะได้เขียนให้ได้อ่านกัน พอดีตรงกับช่วงที่ jQuery version 1.7 ออกมาใหม่ๆเมื่อวานนี้เอง วันที่ 3 November 2011 นี่เองครับ ความสามารถใหม่ๆนั้นก็เยอะพอสมควร เท่าที่ผม review ช่วงที่ยังอยู่ในสถานะ Beta นั้นก็มี feature ที่ Advance มากๆอยู่หลายอย่างเหมือนกัน ต้องทำความเข้าใจนานพอสมควรครับกว่าจะเข้าใจ Download jQuery 1.7 ตอนนี้ jQuery 1.7 นั้นสามารถ Download ได้แล้วนะครับเพื่อนๆ สามารถเข้าไป Download มาใช้งานกันได้เลยจาก URL ด้านล่างนี้ครับ http://code.jquery.com/jquery-1.7.js http://code.jquery.com/jquery-1.7.min.js มีอะไรใหม่ๆบ้างใน jQuery 1.7 New Event APIs: .on() และ .off() สำหรับ .on และ .off นี้จะเป็นการทำงานเหมือนๆกับ .bind ก็คือการยัด Event ต่างๆที่เราต้องการให้กับ ปุ่ม หรือ Element ต่างๆที่เราต้องการ เช่น event การ Click, Submit คือจริงๆแล้วเขาต้องการจะนำเอามาแทน .bind นะครับ มาดูตัวอย่าง code ด้่านล่างนี้กันดีกว่าว่ามันเอามาใช้แทนกันยังไง 12$&#40;elements&#41;.on&#40; events &#91;, selector&#93; [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-1-7-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>แนะนำ MotionCAPTCHA ซึ่งเป็น jQuery CAPTCHA Plugin อีกรูปแบบนึง ( วาดรูป )</title>
		<link>http://www.jquery.in.th/motion-captcha/</link>
		<comments>http://www.jquery.in.th/motion-captcha/#comments</comments>
		<pubDate>Fri, 21 Oct 2011 09:26:22 +0000</pubDate>
		<dc:creator>Pachai Leknettip</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[captcha]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[MotionCAPTCHA]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1478</guid>
		<description><![CDATA[หลายคนคงได้เคยเห็น Captcha มาหลายแบบไม่ว่าจะเป็น ให้พิมพ์คำภาษาอังกฤษ ให้พิมพ์ตามอักษร ให้บวกเลข ฯลฯ วันนี้ผมมี Captcha อีกรูปแบบมาแนะนำคือ MotionCAPTCHA การทำงานของ MotionCAPTCHA นั้นจะทำการวาดรูปลายเส้นแล้วให้เราทำการวาดตาม โดย version นี้เป็น version 0.2 ซึ่งสามารถนำไปใช้งานบน mobile ได้ และมีการทำงานขึ้นอยู่กับ HTML5 Canvas ซึ่งก็แน่นอนว่า Browser ที่ใช้งานต้องสนับสนุน HTML5 Canvas ผู้สนใจสามารถเข้าไปดูเพิ่มเติมที่เว็บไซต์ผู้พัฒนาตามด้านล่างเลยครับ Website : http://www.josscrowcroft.com/projects/motioncaptcha-jquery-plugin/ Demo : http://www.josscrowcroft.com/demos/motioncaptcha/]]></description>
		<wfw:commentRss>http://www.jquery.in.th/motion-captcha/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jwerty library : keyboard events</title>
		<link>http://www.jquery.in.th/jwerty-library-keyboard-events/</link>
		<comments>http://www.jquery.in.th/jwerty-library-keyboard-events/#comments</comments>
		<pubDate>Fri, 14 Oct 2011 08:33:21 +0000</pubDate>
		<dc:creator>Pachai Leknettip</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[jwerty]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1454</guid>
		<description><![CDATA[มี javascript library ที่เป็น keyboard events มาแนะนำให้ใช้กันครับ ทางเจ้าของ Code เองบอกว่าไม่จำเป็นจะต้องใช้ร่วม javascript framework ตัวใด แต่ตัวมันเองก็สามารถทำงานร่วมกับ jQuery ได้อย่างไม่มีปัญหา ลองเอาไปใช้กันดูนะครับ Home Website : http://keithcirkel.co.uk/jwerty/ Download : http://github.com/keithamus/jwerty/zipball/master]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jwerty-library-keyboard-events/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>วิธีดึงค่าจาก textarea</title>
		<link>http://www.jquery.in.th/textarea-value/</link>
		<comments>http://www.jquery.in.th/textarea-value/#comments</comments>
		<pubDate>Tue, 23 Aug 2011 17:03:41 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Selectors]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[textarea]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1439</guid>
		<description><![CDATA[วันนี้ก็ไม่ค่อยจะว่างสักเท่าไรครับ ตั้งแต่ต้นปีเป็นต้นมาแทบจะไม่มีเวลามา update blog เลย ก็ปั่นทั้งงานและทั้งปั่นต้นฉบับหนังสือ jQuery ส่งสำนักพิมพ์เลยหาเวลามาเขียน cotent ไม่ได้เลย (ออกแนวแก้ตัว) มาดูวิธีการดึงค่าออกมาจาก textarea กันบ้างดีกว่า การดึงค่า Value จาก textarea นั้นจะแตกต่างจากการดึงค่าจาก input box สักหน่อย อันนี้ผมเกิดปัญหากับ jQuery 1.6 ซึ่งการ select ธรรมดาๆก็น่าจะดึงค่าออกมาได้ แต่ก็ไม่ได้เอ๊ะมันยังไง ผมได้ลองดึงค่าออกมาจาก textarea ด้วยวิธีนี้ 123456789&#60;textarea name=&#34;myTextArea&#34; id=&#34;myTextArea&#34;&#62;jQuery&#60;/textarea&#62; &#60;script&#62; &#160; &#160; &#160;/**ทดสอบบน Firebugs นะครับ **/ &#160; &#160; /**แบบนี้ค่าก็ไม่ออก**/ &#160; &#160; console.log&#40; $&#40;'#myTextArea'&#41;.val&#40;&#41; &#41;; &#60;/script&#62; มาดูวิธีแก้ง่ายๆกันครับ ทำยังไง value ใน textarea ถึงจะดึงออกมาได้ 1234&#60;textarea name=&#34;myTextArea&#34; id=&#34;myTextArea&#34;&#62;jQuery&#60;/textarea&#62; &#60;script&#62; &#160; &#160;console.log&#40; $&#40;'textarea[name=myTextArea]'&#41;.val&#40;&#41; &#41;; &#60;/script&#62; อืมพอแก้แบบให้ Select จาก textarea object แล้ว select จาก name=myTextarea [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/textarea-value/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 1.6.1 RC 1 Released</title>
		<link>http://www.jquery.in.th/jquery-1-6-1-rc-1-released/</link>
		<comments>http://www.jquery.in.th/jquery-1-6-1-rc-1-released/#comments</comments>
		<pubDate>Wed, 11 May 2011 03:06:06 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[jQuery 1.6]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[jquery 1.6.1]]></category>
		<category><![CDATA[RC1]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1435</guid>
		<description><![CDATA[หลังจากที่ออก jQuery 1.6 ได้ไม่นานก็ออกเวอร์ชั่นสำหรับ update ตัวแรกออกมาแล้วครับ เพื่อนๆสามารถ Download Code ได้ที่ CDN ครับ http://code.jquery.com/jquery-1.6.1rc1.js หรืออ่านเพิ่มเติมได้ที่ http://blog.jquery.com/2011/05/10/jquery-1-6-1-rc-1-released]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-1-6-1-rc-1-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CDN คืออะไร</title>
		<link>http://www.jquery.in.th/cdn-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/</link>
		<comments>http://www.jquery.in.th/cdn-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/#comments</comments>
		<pubDate>Mon, 09 May 2011 03:42:04 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[The basics of jQuery]]></category>
		<category><![CDATA[CDN]]></category>
		<category><![CDATA[CDN hosted]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1427</guid>
		<description><![CDATA[วันนี้ออกนอกเรื่องสักหน่อยละกันครับ แต่ก็มีส่วนที่เกี่ยวข้อกับ jQuery อยู่บ้างเหมือนกัน เพราะเพื่อนๆที่พึ่งจะจับกับ jQuery ใหม่ๆอาจจะต้องศึกษาคำศัพท์เทคนิคต่างๆเพิ่ม เพราะไม่งั้นไปเจอเข้าอาจจะงงได้ครับ วันนี้เลยจะอธิบายเกี่ยวกับตัวย่อ CDN ว่ามันคืออะไร คำว่า CDN นั้นย่อมาจาก Content Delivery Network ครับ หรือ Content distribution network (CDN) ถ้าเกี่ยวกับ jQuery มันก็คือ Server ที่ทำการเก็บ source code ของตัว jQuery เอาไว้ให้เราเรียกใช้งานครับ แล้วมันมีประโยชน์ยังไง? ประโยชน์ของมันเลยคือสามารถที่จะลดโหลด หรือ ภาระของเครื่อง Server ของเราเองได้ครับแทนที่เราจะเก็บ File jquery.js เอาไว้ที่ Server ของเราซึ่งหากเว็บเรานั้นมีทราฟฟิกจำนวนมากๆแล้ว แค่โหลด jquery.js 1 file ก็เพิ่มภาระให้กับ Server ของเราได้เช่นกัน ดังนั้นวิธีลดภาระก็คือใช้การโหลดจาก CDN Host ต่างๆที่ให้บริการครับ CDN ต่างๆนี้จะทำการเก็บ copy source code ของ jQuery เวอร์ชั่นต่างๆเอาไว้ แทบจะเรียกได้ว่าเกือบทุกๆ version เลยก็ว่าได้นะครับ แถมบางเจ้านั้นจะมี Server ที่ให้บริการมากกว่า 10 เครื่องเลยทีเดียวทำให้การโหลด file jQuery นั้นทำได้รวดเร็ว แต่วิธีนี้ไม่เหมาะกับการทำ [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/cdn-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>มีอะไรใหม่ใน jQuery 1.6 บ้างมาดูกัน</title>
		<link>http://www.jquery.in.th/whats-new-in-jquery-16/</link>
		<comments>http://www.jquery.in.th/whats-new-in-jquery-16/#comments</comments>
		<pubDate>Fri, 06 May 2011 07:08:00 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[.data]]></category>
		<category><![CDATA[jQuery 1.6]]></category>
		<category><![CDATA[focus]]></category>
		<category><![CDATA[holdReady]]></category>
		<category><![CDATA[Relative]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1398</guid>
		<description><![CDATA[หลังจากที่ jQuery version 1.6 ออกมาแล้วก็มาดูกันเลยดีกว่าว่ามีอะไรใหม่ หรืออะไรเปลี่ยนแปลงกันบ้างในเวอร์ชั่นนี้ เอาช่วงนี้แหละเวลากำลังพอจะมาเขียน Blog ได้ก็ตะบันเพิ่มบทความเข้าไปเยอะๆไว้ก่อนละกันนะครับ แฟนๆอย่างพึ่งหนีหายไปใหนกันหมดซะก่อน ผมขอลงรายละเอียดการเปลี่ยนแปลง หรือ อะไรใหม่ๆใน jquery 1.6 นี้เฉพาะตัวหลักๆนะครับ มาลุยกันเลย Change : Data Attribute Casing การเปลี่ยนแปลงแรกเลยก็เรื่องของการปรับ data attribute ให้ตรงตามมาตราฐาน W3C HTML5 ในเวอร์ชั่น 1.5 นั้น ถ้าได้อ่านในบทความเกี่ยวกับ Method data แล้วเวลาเรียก data object นั้นสามารถตั้งชื่อยาวๆได้ และใช้การเว้นวรรค ด้วยการใช้อักษรพิเศษ เครื่องหมาย ลบ (-) ในการเชื่อมคำ แต่ใน jQuery 1.6 นั้นได้เปลี่ยนการเชื่อมคำโดยใช้ตัวอักษรใหญ่แทน ดูตัวอย่างด้านล่าางนี้ครับ 1234567891011&#60;div data-my-name=&#34;jQuery&#34; &#62; &#60;script&#62; &#160; &#160; &#160; // jQuery 1.5 &#160; &#160; &#160; var my-name = &#160;jQuery.data&#40;'div', 'my-name'&#41;; &#160; &#160; &#160;// jQuery 1.6 &#160; &#160; &#160;var [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/whats-new-in-jquery-16/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>วิธี import ข้อมูลแบบอัตโนมัติด้วย method .data</title>
		<link>http://www.jquery.in.th/data-method-auto-import-any-data-attributes/</link>
		<comments>http://www.jquery.in.th/data-method-auto-import-any-data-attributes/#comments</comments>
		<pubDate>Fri, 06 May 2011 06:25:02 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[.data]]></category>
		<category><![CDATA[jQuery 1.5]]></category>
		<category><![CDATA[attributes casing]]></category>
		<category><![CDATA[case mapping]]></category>
		<category><![CDATA[casing]]></category>
		<category><![CDATA[jquery.data]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1406</guid>
		<description><![CDATA[เจอหัวข้อนี้แล้วก็อยากจะงงๆกันหน่อย ว่ามันคืออะไร จริงๆแล้วมันก็คือการใช้งาน method .data() ใน jQuery 1.5 ครับ (มีการเปลี่ยนแปลงนิดหน่อยในเวอร์ชั่น 1.6) เนื้อหาในบทความนี้สั้นๆแต่ได้ใจความครับ 1&#160; &#160;&#60;div data-my-name=&#34;jQuery&#34; /&#62; จาก code ด้านบนนี้จากเห็นว่ามี Attribute ที่ชื่อ data-my-name อยู่ ในเวอร์ชั่น 1.5 นี้อะไรก็ต้องที่ชื่อ Attribute ขึ้นต้นด้วย data- จะถูก imoprt เป็น Data object อัติโนมัติทันทีครับ จาก code ด้านบน เราสามารถที่จะดึงข้อมูลออกมาแสดงผลได้เลยครับ 123456789// jQuery 1.5 &#160; &#160;&#60;script&#62; &#160; &#160; &#160; &#160;var myName = jQuery.data&#40; 'div', 'my-name'&#41;; &#160; &#160;&#60;/script&#62; //jQuery 1.6 &#160; &#160;&#60;script&#62; &#160; &#160; &#160; &#160;var myName = jQuery.data&#40; 'div', 'myName'&#41;; &#160; &#160;&#60;/script&#62; code ด้านบนนี้ผมยกตัวอย่างใน jQuery ทั้งสองเวอร์ชั่นให้ดูนะครับ มันต่างกันนิดเดียวคือ [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/data-method-auto-import-any-data-attributes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery จะออกเวอร์ชั่น 1.7 เดือนสิงหาคมนี้!!</title>
		<link>http://www.jquery.in.th/jquery-1-7-release-sometime-in-august/</link>
		<comments>http://www.jquery.in.th/jquery-1-7-release-sometime-in-august/#comments</comments>
		<pubDate>Wed, 04 May 2011 10:58:31 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[jQuery 1.7]]></category>
		<category><![CDATA[jquery 1.7 roadmap]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1395</guid>
		<description><![CDATA[หลังจากออกเวอร์ชั่น 1.6 ได้ไม่นานทาง jQuery ก็ได้วางแผนกำหนดออกเวอร์ชั่น 1.7 เอาไว้แล้วคือในช่วงเดือน สิงหาคม ปีนี้ครับ รวดเร็วมากเลย และเพื่อนๆสามารถที่จะส่ง request ไปให้กับทางทีม Developer ของ jQuery ได้นะครับว่าต้องการอะไรใหม่ หรือ มี Bugs อะไรบ้าง หรือ ต้องการให้เปลี่ยนแปลงอะไรในเวอร์ชั่น 1.7 บ้าง สามารถกด Link ด้านล่างนี้เพื่อส่ง Proposal ได้เลยครับ Feature proposals for jQuery 1.7 Click Here]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-1-7-release-sometime-in-august/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ออกเวอร์ชั่นใหม่แล้วนะครับ jQuery 1.6</title>
		<link>http://www.jquery.in.th/jquery-1-6-released/</link>
		<comments>http://www.jquery.in.th/jquery-1-6-released/#comments</comments>
		<pubDate>Wed, 04 May 2011 10:51:37 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[jQuery 1.6]]></category>
		<category><![CDATA[.data]]></category>
		<category><![CDATA[.val]]></category>
		<category><![CDATA[attr]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1387</guid>
		<description><![CDATA[ออกมาได้รวดเร็วมากครับสำหรับเวอร์ชั่น 1.6 นี้หลังจากที่ออก 1.5 ได้ไม่นาน ผมได้ลองเข้าไปดูในเรื่องของ ประสิทธิภาพระหว่างเวอร์ชั่น 1.5 กับ 1.6 แล้วถือว่าแก้ไขเรื่องของประสิทธิภาพในเวอร์ชั่นนี้ได้เยอะพอสมควรเลย ดูได้จากรูปด้านล่างนี้ครับสำหรับการ Test function ต่างๆเพื่อเปรียบเทียบการทำงาน สามารถ Download Code ได้ตาม Link ด้านล่างนี้เลยครับ (ไม่ควรนำไปใช้งานแบบ Link นะครับควรจะ Download ไปลงที่เครื่องหรือเว็บที่ใช้งานเลย) http://code.jquery.com/jquery-1.6.js http://code.jquery.com/jquery-1.6.min.js Microsoft: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-1-6-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>วิธีใช้งาน jQuery หลายเวอร์ชั่นพร้อมๆกัน ด้วย noConflict</title>
		<link>http://www.jquery.in.th/how-to-use-noconflict/</link>
		<comments>http://www.jquery.in.th/how-to-use-noconflict/#comments</comments>
		<pubDate>Wed, 04 May 2011 10:34:57 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[The basics of jQuery]]></category>
		<category><![CDATA[noConflict]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1379</guid>
		<description><![CDATA[ในบางครั้งเวลาที่เราพัฒนา Web application ที่ต้องพัฒนาจากของเก่าซึ่งอาจจะใช้ jQuery เวอร์ชั่นเก่าๆอยู่ก่อนแล้ว แต่ว่างานที่เราต้อง develop ใหม่จะต้องใช้ jQuery เวอร์ชั่นที่สูงกว่าและต้องไม่กระทบกับของเก่าที่มีอยู่แล้ว ปัญหานี้แก้ง่ายๆด้วยการใช้ jQuery หลายๆเวอร์ชั่นใน page เดียวกันไปเลย และจะทำยังไงละถึงจะใช้ jQuery หลายๆเวอร์ชั่นพร้อมๆกันไปได้ เราก็ใช้ function นี้ครับที่ jQuery ได้เตรียมแก้ปัญหานี้เอาไว้แล้ว noConflict มาดูตัวอย่าง code กันดีกว่า 123456789101112131415161718// jQuery Version 1.5.2 &#60;script src=&#34;jquery-1-5-2.js&#34;&#62;&#60;/script&#62; &#60;script&#62; &#160; &#160; var oldVersion = jQuery.noConflict&#40;&#41;; &#60;/script&#62; //jQuery new version 1.6 &#60;script src=&#34;jquery-1-6.js&#34;&#62;&#60;/script&#62; &#60;script&#62; &#160; &#160; var newVersion = jQuery.noConflict&#40;&#41;; &#60;/script&#62; &#60;div id=&#34;testDiv&#34;&#62;&#60;/div&#62; &#60;script&#62; &#160; &#160; &#160;alert&#40; oldVersion&#40;'#testDiv'&#41; &#41;; &#160; &#160; &#160;alert&#40; newVersion&#40;'#testDiv'&#41; &#41;; &#60;/script&#62; เท่านี้ก็หมดปัญหาเรื่องการใช้งาน jQuery หลายๆเวอร์ชั้นแล้วครับ บางครั้งปัญหานี้ก็ไม่ได้เกิดจากการใช้งาน jQuery [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/how-to-use-noconflict/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>เบื่อกันใหมกับ App &#8220;วิเคราะห์สมอง&#8221; บน Facebook!!!</title>
		<link>http://www.jquery.in.th/how-to-report-spam-app-on-fb/</link>
		<comments>http://www.jquery.in.th/how-to-report-spam-app-on-fb/#comments</comments>
		<pubDate>Wed, 06 Apr 2011 10:00:49 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Others]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1367</guid>
		<description><![CDATA[สองสามวันมานี้มี app อยู่ตัวหนึ่งที่ทำตัวได้น่ารำคาญพอๆกับพวก Tag รูปเลย นั้นก็คือ app ที่เป็นการวิเคราะห์สมอง บ้าบอคอแตกอะไรสักอย่างบน Facebook ที่มันจะคอย post ข้อความลงบน wall ของเพื่อนคุณ ถึงแม้เพื่อนคุณเองจะไม่ได้เล่น App นี้ก็ตาม วันนี้เรามากำจัดให้มันสิ้นซากเลยดีกว่า ด้วยการ Report ไปยัง Facebook ไปเลย ช่วยๆกันครับ ทำตามวิธีด้านล่างนี้ครับ ดูเอาละกันครับว่ามันน่าเบื่อแค่ใหน จะ post อะไรเยอะแยะวะเนี่ย ปกติก็ไม่ค่อยจะเขียน blog ที่เนื้อหาไม่เกี่ยวกับ jQuery อยู่แล้วครับแต่ว่ามัน สุดจะทน!! &#160; มาเริ่มกันเลย ขึ้นแรกก็กดที่ตัว app ได้เลยครับตามรูปด้านล่างนี้ &#160; ขั้นตอนที่สอง กด Report App ครับ &#160; &#160; ขึ้นตอนที่ 3 และ 4 สุดท้าย สุดแท้แต่จะเลือกเอาครับ ส่วนผมเอง Report เป็น Spam ไปเลยเพราะมันน่ารำคาญมากๆ &#160; วิธีทั้งหมดนี้เพื่อนๆเอาไป Report app ตัวอื่นๆได้นะครับ ถ้าตัวใหนมันก่อให้เกิดความรำคาญใจ &#160;]]></description>
		<wfw:commentRss>http://www.jquery.in.th/how-to-report-spam-app-on-fb/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CMS Design E-Book</title>
		<link>http://www.jquery.in.th/cms-design-e-book/</link>
		<comments>http://www.jquery.in.th/cms-design-e-book/#comments</comments>
		<pubDate>Mon, 28 Feb 2011 03:20:11 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[ebook]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1360</guid>
		<description><![CDATA[&#160; &#160; เมื่ออาทิตย์ที่ผ่านมาผมได้รับการติดต่อจากทางเว็บ Packt Publishlig Technical &#38; IT Book Store หรือ www.packtpub.com เขาส่ง E-Book ที่เกี่ยวกับ jQuery มาให้เพื่อนำมา Review หรือนำบทความส่วนที่เกี่ยวข้องกับ jQuery มาให้เพื่อนๆได้อ่านกัน ประมาณอาทิตย์นี้น่าจะได้อ่านกันนะครับ หนังสือเล่มนี้เป็นเรื่องเกี่ยวกับ การออกแบบ ระบบ CMS ที่นำเอา PHP และ jQuery มาใช้งาน แน่นอนว่าในส่วนของ Interface ก็คงจะต้องเป็นการทำงานของฝั่ง jQuery แน่นอนอยู่แล้ว เดี๋ยวผมขอไปหาส่วนที่น่าสนใจแล้วจะแปลลงใน Blog ให้ได้อ่านกันนะครับ :)]]></description>
		<wfw:commentRss>http://www.jquery.in.th/cms-design-e-book/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery.data มาเก็บข้อมูลลงใน Elements กันเต๊อะ</title>
		<link>http://www.jquery.in.th/jquery-data/</link>
		<comments>http://www.jquery.in.th/jquery-data/#comments</comments>
		<pubDate>Sun, 27 Feb 2011 02:11:25 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[jQuery 1.4]]></category>
		<category><![CDATA[jQuery 1.5]]></category>
		<category><![CDATA[Utilities]]></category>
		<category><![CDATA[.data]]></category>
		<category><![CDATA[jquery.data]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1343</guid>
		<description><![CDATA[jQuery.data() นั้นมีมาตั้งแต่เวอร์ชั่น 1.2.3 แล้วครับ แต่ผมยังไม่เคยเขียนถึงเลย เหตุที่ต้องกล่าวถึงก็เพราะว่า ในบทความเรื่องต่อไปจะมีการเขียนเรื่องที่เกี่ยวกับ jQuery.hasData ที่มีใน version 1.5 หากจะไม่เขียนถึง jQuery.data ก็อาจจะงงๆกันได้ เลยเขียนอธิบายในเรื่องของ jQuery.data() ก่อนละกันครับ Image from : http://www.ajaxline.com/ รูปแบบ : jQuery.data( element, key, value ) รูปแบบ : jQuery.data( element, key ) jQuery.data ใช้สำหรับเก็บค่า หรือ ข้อมูลที่เราต้องการลงใน Elements ที่เราต้องการเช่นเก็บไว้ใน DIV เป็นต้นแต่เป็นการเก็บข้อมูลชั่วคราวเท่านั้น จะไม่เหมือนพวก Cookie ถ้านึกถึง ภาษา PHP ก็เทียบได้กับ Session ในภาษา PHP เลยก็ว่าได้ครับ Elements ต่างๆในภาษา HTML นั้นล้วนแล้วแต่เป็น Object ทั้งหมดทำให้มีความสามารถที่จะเก็บพวก ข้อมูลต่างๆที่เราต้องการเก็บในขณะนั้นๆ เช่นเราอยากจะเก็บค่าๆหนึ่ง ลงใน DIV แล้วเรียกใช้ทีหลังก็สามารถทำได้ 12345678910111213&#60;div id=&#34;myDIV&#34;&#62;&#60;/div&#62; &#60;script&#62; var myDIV = $&#40;'#myDIV'&#41;; jQuery.data&#40; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-data/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Deferred.fail()</title>
		<link>http://www.jquery.in.th/deferred-fail/</link>
		<comments>http://www.jquery.in.th/deferred-fail/#comments</comments>
		<pubDate>Fri, 25 Feb 2011 09:20:31 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Deferred]]></category>
		<category><![CDATA[jQuery 1.5]]></category>
		<category><![CDATA[.fail()]]></category>
		<category><![CDATA[Deferred Object]]></category>
		<category><![CDATA[deferred.fail]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1329</guid>
		<description><![CDATA[มาต่อกันเลยครับ วันนี้พอจะมีเวลาว่าง deferred.fail() จะคล้ายๆ หรือ เหมือนกับ deferred.done() ต่างกันตรงที่มันทำงานตรงกันข้ามครับ โดยที่ .fail() นั้นจะใช้ทำงานในกรณี ที่เมื่อสั่ง $.get แล้วเกิดข้อผิดพลาดเช่น Connect กับ Server ปลายทางไม่ได้ ก็จะทำการ callback ผ่านมาทาง deferred object ผ่าน function fail() นี้ครับ รูปแบบ : Deferred.fail( failCallbacks ); ตัวอย่าง Code : 123$.get&#40;'test.php'&#41;.fail&#40; function&#40;&#41;&#123; &#160; &#160; &#160; &#160; &#160;alert&#40;' Get failed!! '&#41;; &#125; &#41;; หรือสามารถที่จะใช้ต่อจาก .done() ได้เลย 1234$.get&#40;'test.php'&#41; &#160; &#160; &#160; &#160; &#160; &#160; .done&#40; function&#40;&#41;&#123; alert&#40;' Get succeeded '&#41;; &#125; &#160; &#160; &#160; &#160; &#160; &#160; .fail&#40; function&#40;&#41;&#123; alert&#40;' Get failed!! [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/deferred-fail/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>มารู้จักกับ Deferred.then() กันบ้างครับ</title>
		<link>http://www.jquery.in.th/deferred-then/</link>
		<comments>http://www.jquery.in.th/deferred-then/#comments</comments>
		<pubDate>Fri, 25 Feb 2011 05:55:06 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Deferred]]></category>
		<category><![CDATA[jQuery 1.5]]></category>
		<category><![CDATA[.then]]></category>
		<category><![CDATA[deferred.then]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1311</guid>
		<description><![CDATA[วันนี้มาต่อกันที่ Deferred.then() ใน jQuery 1.5 กันเลยดีกว่าครับ เจ้า deferred.then() นั้นจะคล้ายๆกัน deferred.done() ครับแต่จะมีความสามารถเพิ่มขึ้นมาอีกหนึ่งตัวคือสามารถเช็ค CallBack ได้ทั้ง Done หรือ Fail รูปแบบของ Function นี้จะมี พารามิเตอร์ 2 ตัวครับ รูปแบบ : Deferred.then( doneCallBack, failCallBack ) ทำให้เราสามารถดัก Callback หรือ กำหนดการทำงานของ callback ทั้งสองตัวนี้ได้ว่า ถ้า done แล้วให้ทำอะไร หรือถ้า fail จะให้ทำอะไรต่อ ซึ่งต่างจาก deferred.done() ที่รับ callback เพียงตัวเดียว ตัวอย่าง code ในการนำไปใช้งานครับ 1234$.get&#40;'test.php'&#41;.then&#40; &#160; &#160; &#160; &#160; &#160; &#160; &#160; function&#40;data&#41;&#123; alert&#40;data&#41;; &#125; , &#160; &#160; &#160; &#160; &#160; &#160; &#160; function&#40;&#41;&#123; alert&#40;' Can not get data!! '&#41;; &#125; [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/deferred-then/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Deferred Object ใน jQuery 1.5</title>
		<link>http://www.jquery.in.th/deferred-object-in-jquery-1-5/</link>
		<comments>http://www.jquery.in.th/deferred-object-in-jquery-1-5/#comments</comments>
		<pubDate>Wed, 23 Feb 2011 09:28:12 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Deferred]]></category>
		<category><![CDATA[jQuery 1.5]]></category>
		<category><![CDATA[Deferred Object]]></category>
		<category><![CDATA[deferred.then]]></category>
		<category><![CDATA[jquery 1.5]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1295</guid>
		<description><![CDATA[สวัสดีครับแฟนๆ jQuery หรือจะเรียกว่า สาวก jQuery ดีหว่า ฮ่าๆ ช่วงนี้ก็แก้ตัวอีกเช่นเคยครับว่า งานหนักมากๆ กว่าจะหาเวลามาเขียนบทความใหม่ได้นี่แทบจะไม่มีเลย แต่ก็จะพยายามให้ได้มากที่สุดละค๊าบ เพื่อนๆคงจะทราบกันแล้วว่า jQuery นั้นออกเวอร์ชั่นใหม่ออกมาเมื่อไม่นานมานี้ คือ jQuery 1.5 (1.5.1 จะออกอีกแล้ววันที่ 24 นี้ครับ) วันนี้ผมก็เลยจะมาแนะนำ ความสามารถใหม่ที่เสริมเข้ามาให้ได้อ่านกันครับ นั้นก็คือ Deferred Object ครับตามเข้ามาอ่านกันได้เลย Deferred Object ใน jQuery version 1.5 นี้ได้เพิ่มความสามารถใหม่เข้ามาช่วยในการจัดการเกี่ยวกับ Callback ต่างๆ เช่นการ Callback จาก jQuery.ajax() โดยที่เราสามารถจะแทรกการทำงานในช่วงของ Callback ในสถานะต่างๆของการ ส่ง Request ผ่าน AJAX ออกไปได้ เช่น เราอาจจะแทรก code หรือการทำงานบางอย่างเข้าไปเมื่อ AJAX นั้นทำงานเสร็จแล้ว หรือ สามารถแทรกคำสั่งการทำงาน ในขณะส่งค่าออกไปแล้ว แต่ยังไม่ Success ก็สามารถทำได้โดยใช้ defered.then() Deferred object มี Function ที่ให้เรียกใช้งานดังนี้ deferred.done() deferred.fail() deferred.isRejected() deferred.isResolved() deferred.promise() deferred.reject() deferred.rejectWith() deferred.resolve() deferred.resolveWith() [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/deferred-object-in-jquery-1-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ความแตกต่างของ .bind(), .live(), และ .delegate()</title>
		<link>http://www.jquery.in.th/%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b9%81%e0%b8%95%e0%b8%81%e0%b8%95%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%82%e0%b8%ad%e0%b8%87-bind-live-%e0%b9%81%e0%b8%a5%e0%b8%b0-delegate/</link>
		<comments>http://www.jquery.in.th/%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b9%81%e0%b8%95%e0%b8%81%e0%b8%95%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%82%e0%b8%ad%e0%b8%87-bind-live-%e0%b9%81%e0%b8%a5%e0%b8%b0-delegate/#comments</comments>
		<pubDate>Mon, 14 Feb 2011 04:29:13 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[The basics of jQuery]]></category>
		<category><![CDATA[bind]]></category>
		<category><![CDATA[delegate]]></category>
		<category><![CDATA[jquery events]]></category>
		<category><![CDATA[live]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1278</guid>
		<description><![CDATA[สวัสดีจ้า ไม่ได้อัพเดทเป็นเวลานานอีกแล้วครับ แฮ่ะๆ วันนี้นำเสนอเรื่องราวของ .bind(), .live(), .delegeate() ดีกว่าครับ เพราะมีหลายคนที่งง และสงสัย ว่ามันต่างกันอย่างไร และเอาไปใช้งานในงานลักษณะใหน ใช้กันตอนใหน เอาเป็นว่าคลิกเข้ามาอ่านด้านในกันเลยดีกว่าครับ :) Image from : http://www.alfajango.com เริ่มกันเลยไม่ต้องยืดยาวกันมาก เน้นกระชับๆละกันนะครับ ช่วงนี้เวลาในการเขียน Blog ของผมค่อนข้างจะน้อยลงเดี๋ยวจะต้องจัดตารางเวลากันใหม่สักหน่อยครับ เอาละ เรามาว่ากันที่เจ้า method .bind(); กันก่อนเลย เพื่อนๆหลายคนสงสัยกันมากว่ามันเอาไว้ทำอะไร โดยเฉพาะ โปรแกรมเมอร์มือใหม่ เจ้าตัว method .bind นี้นะครับ เอาไว้จำหรับการ ผูก หรือ นำเอา Events เช่น Click, Mouse Over หรือที่เรียกกันว่า CSS Selector เอาไปกำหนดให้กับ Element ที่เราต้องการ เช่นกำหนดให้กำ Element &#60;a&#62; เป็นต้น 1$&#40;'a'&#41;.bind&#40;'click', function&#40;e&#41;&#123; alert&#40; 'Clicked!!' &#41;; &#125;&#41;; จาก code ตัวอย่างด้านบน เป็นการ binding event Click ให้กับ Elements ทั้งหมด ที่อยู่ภายใต้ Docment Root นะครับ เพื่อนๆบางท่านอาจจะงงว่า [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b9%81%e0%b8%95%e0%b8%81%e0%b8%95%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%82%e0%b8%ad%e0%b8%87-bind-live-%e0%b9%81%e0%b8%a5%e0%b8%b0-delegate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 1.5 Released</title>
		<link>http://www.jquery.in.th/jquery-15-released/</link>
		<comments>http://www.jquery.in.th/jquery-15-released/#comments</comments>
		<pubDate>Tue, 01 Feb 2011 03:46:05 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[jQuery 1.5]]></category>
		<category><![CDATA[Deferred]]></category>
		<category><![CDATA[Deferred Object]]></category>
		<category><![CDATA[jquery 1.5]]></category>
		<category><![CDATA[jQuery.Deferred]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1270</guid>
		<description><![CDATA[สวัสดีปีใหม่ครับเพื่อนๆ เหอๆ มาสวัสดีปีใหม่สายไปหรือเปล่าเอ่ย&#8230; ถือโอกาสที่ jQuery ออกเวอร์ชั่น 1.5 มาทักทายกันก็แล้วกันครับไม่ว่ากันนะครับ แฮ่ะๆ ล่าสุดเมื่อวันที่ 31 มกราคม ที่ผ่านมาทาง jQuery.com ได้ออก jQuery version 1.5 มาเป็นที่เรียบร้อยแล้ว สิ่งที่เปลี่ยนแปลงอะไรไปบ้างอาจจะต้องติดตามอ่านกันใน Blog ต่อไปนะครับ (จะพยายามหาเวลามาปั่นบทความให้นะ ก๊าบ) ในเวอร์ชั่นนี้ ทาง jQuery เขาจะเน้นไปในเรื่องของ Performance ซะส่วนใหญ่ครับ และที่เด่นๆเลยก็คือมี Function ใหม่เพิ่มเข้ามาเพื่อทำงานร่วมกับ AJAX ให้มีประสิทธิภาพมากขึ้น ที่เพิ่มเข้ามาก็คือ jQuery.Deferred การทำงานของเจ้า Deferred นั้นเอาไว้ผมจะเขียน Review อีกทีนะครับ เอาเป็นว่าเจ้าตัวนี้มันเอาไว้จัดการกับเรื่องของ MultiCallBack ที่ AJAX ขาดหายไป คือเราจะสามารถที่จะจัดการ ดัก Callback ต่างๆได้เพิ่มมากขึ้น เช่นการดัก Callback ของ Error เวลาที่ส่ง AJAX Request ออกไปแล้วมี Error กลับมา ก็จะสามารถจัดการกับการทำงานส่วนนี้ได้ มาดู Function ใหม่ๆที่เพิ่มเข้ามาก่อนนะครับ deferred.done() deferred.fail() deferred.isRejected() deferred.isResolved() deferred.reject() deferred.rejectWith() deferred.resolve() deferred.resolveWith() deferred.then() jQuery.sub() [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-15-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Who&#8217;s using jQuery?</title>
		<link>http://www.jquery.in.th/who-is-using-jquery/</link>
		<comments>http://www.jquery.in.th/who-is-using-jquery/#comments</comments>
		<pubDate>Tue, 23 Nov 2010 03:34:15 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[The basics of jQuery]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1256</guid>
		<description><![CDATA[ใครใช้ jQuery บ้าง?? ผมว่าเกือบทุกๆคนที่สนใจใน jQuery หรือภาษาอื่นๆ สิ่งแรกๆเลยที่จะนำมาตัดสินใจว่าจะใช้ในเทคโนโลยีนั้นๆหรือไม่ก็คือ คำถามที่ว่า ใครใช้มันบ้างละ?? jQuery ก็เช่นกัน ตัวผมเองก็ดูว่าทิศทางของ open source ตัวนี้น่าติดตามหรือไม่ มีการพัฒนาต่อไปมากน้อยแค่ใหน กลุ่มคนใช้งานมีแค่ใหน เพราะนั้นมันก็จะหมายถึง การที่เวลาที่เรามีปัญหา เราก็จะสามารถที่จะค้นหาข้อมูลได้อย่างรวดเร็ว นี่ก็เป็นแนวทางเล็กๆน้อยๆ ในการเลือกใช้ open source ครับสำหรับตัวผมเอง jQuery นั้นถ้าจะบอกว่าเป็น open source javascript libraries ที่ดังที่สุดในตอนนี้ก็ว่าได้ครับ มีกลุ่มคนใช้งานมากที่สุด และแถมยังมีคน หรือ บริษัทใหญ่ๆนำไปใช้งาน นั้นก็ทำให้เรามั่นใจในความสามารถของ jQuery ไปได้อีก ขนาดเว็บใหญ่ๆเขายังใช้เลย มันต้องมีอะไรดีสิ ข้อดีหลักๆของ jQuery เลยผมต้องยกให้ในเรื่องของตัว selectors เพราะว่าผมใช้งานมันบ่อยมากที่สุดแล้วนะครับ เพราะเราจะทำอะไรก็ต้อง selectors elements นั้นๆมาก่อน ส่วนข้อดีข้อที่สองก็คือ Code ที่สั้นกระชับ รองรับการทำงานในหลายๆ browser และ หลายๆ version ทำให้เขียนทีเดียวก็สามารถที่จะ Run ได้กับทุกๆ Browser เลยก็ว่าได้ ด้านล่างนี้ก็เป็นคำตอบของหัวข้อที่ว่า Who is using jQuery? Google DELL MLB.com Digg NBC.com CBS.com Mozilla.org [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/who-is-using-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Mobile Alpha 2 Released</title>
		<link>http://www.jquery.in.th/jquery-mobile-alpha-2-released/</link>
		<comments>http://www.jquery.in.th/jquery-mobile-alpha-2-released/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 09:55:29 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[jQuery Mobile]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1244</guid>
		<description><![CDATA[ออกมาแล้วครับ Version Alpha 2 สำหรับ Mobile ในเวอร์ชั่นนี้ทางทีมงาน jQuery Mobile นั้นได้ทำการ Fix bugs ต่างๆไปพอสมควร ก็ถึงเวลาที่จะออก alpha 2 มาให้ได้ทดสอบกันแล้วครับ ในเวอร์ชั่นนี้ มี Document มาให้เรียบร้อยเลย ครับ Document : http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-pages.html ใน jQuery Mobile Alpha 2 นี้ต้องใช้คู่กับ jQuery 1.4.4 เท่านั้นนะครับ และจะคลอดตัวเต็มมาให้แฟนๆใช้กัน คือเวอร์ชั่น 1.0 ก็ราวๆเดือนมากราคมนี้ครับ เพื่อนๆสามารถ Download file ต่างๆได้ตาม link ด้านล่างนี้ได้เลยครับ Download JavaScript Libraries: jQuery 1.4.4 jQuery mobile 1.0a2 สำหรับ Debuging ครับ (102 KB) jQuery mobile 1.0a2 สำหรับ Deploy หรือนำไปใช้งานจริงครับ (13 KB) Download CSS: สำหรับ Debugs ครับ (49KB) สำหรับใช้งานจริง (6KB) วิธีนำไปใช้งานก็ง่ายๆครับ แค่วาง [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-mobile-alpha-2-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery ได้รับรางวัลชนะเลิศ Open Source Awards 2010</title>
		<link>http://www.jquery.in.th/jquery-won-open-source-awards-2010/</link>
		<comments>http://www.jquery.in.th/jquery-won-open-source-awards-2010/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 09:27:30 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1239</guid>
		<description><![CDATA[เรียกได้ว่าห่างหายจากการ update blog ไปนานมากโขเลยก็ว่าได้ ต้องขออภัยแฟนๆที่ติดตามอ่านกันด้วยนะครับ ช่วงนี้งานค่อนข้างจะเติม &#8211; -&#8221; มาเข้าเรื่องกันเลย วันนี้ก็มา update ข่าวสั้นๆเกี่ยวกับ jQuery กันนิดหนึ่งครับ jQuery ได้รางวัลชนะเลิศในกลุ่มของ Open Source JavaScript Libraries ในปี 2010 นี้ครับเป็นที่น่ายินดีมากๆครับสำหรับรางวัลที่ได้รับ แสดงให้เป็นถึงความนิยมในการนำเอา jQuery มาใช้กับงานด้าน web ต่างๆ ไม่ว่าจะช่วยในเรื่องของ AJAX, Animation, หรือ ลูกเล่นต่างๆ ก็เหมาะสมแล้วละครับที่ปีนี้ได้รางวัลนี้มาครอบครอง สิ่งหนึ่งที่มีผลกับการที่ jQuery ได้รางวัลนี้ในความคิดส่วนตัวของผมเอง ผมคิดว่าจะทำให้คนหันมาใช้ jQuery กันมากขึ้น เพราะ jQuery นั้นแสดงให้เห็นถึงประสิทธิภาพ กันแล้ว ก็น่าจะมีแฟนๆเพิ่มขึ้นจากเดิมเป็นอย่างมากเลยทีเดียว ในแง่ของการพัฒนา ยิ่งมีคนใช้เพิ่มขึ้นมากเท่าไร ก็จะยิ่งมี Developer หรือ Programmer ที่จะเข้ามาสร้าง plugin มากขึ้นตามมาครับ ก็เป็นประโยชน์ทั้ง ผู้ใช้และ jQuery เองด้วย โดยส่วนตัวแล้วคิดไม่ผิดครับที่ได้เลือกเอา opensource ตัวนี้มาใช้กับงานทุกๆงาน ที่เริ่มทำมาตั้งแต่ปี 2009 เป็นต้นมา จนถึงตอนนี้ก็ยังไม่มีปัญหาใดๆเลย เยี่ยมมากครับ!! ขอบคุณ jQuery]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-won-open-source-awards-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery version 1.4.4 RC2 ออกแล้วนะครับ</title>
		<link>http://www.jquery.in.th/jquery-1-4-4-release-candidate-2-released/</link>
		<comments>http://www.jquery.in.th/jquery-1-4-4-release-candidate-2-released/#comments</comments>
		<pubDate>Fri, 05 Nov 2010 02:50:41 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1235</guid>
		<description><![CDATA[ไม่ได้ update กันซะนานเลย ติดภาระกิจหลายอย่างมากครับ เพราะตอนนี้กำลังทำตัว Framework PHP ที่ Base on Codeigniter เพื่อใช้ในบริษัทอยู่ครับ วันนี้มา update ข่าวของ jQuery สั้นๆครับ ทาง jQuery นั้นได้ออกเวอร์ชั่นใหม่ที่แก้ไขข้อบกพร่อง หรือ Bugs ต่างๆที่ทางผู้ใช้งานได้แจ้งเข้าไป ก็ออกมาเป็นเวอร์ชั่น 1.4.4 RC2 ครับ มีการ Fix bugs ไปพอสมควรและเพิ่มฟีเจอร์ใหม่เข้าไปด้วย เพื่อนๆสามารถ Download เวอร์ชั่นล่าสุดได้ที่ link นี้เลยครับ Download : http://code.jquery.com/jquery-1.4.4rc2.js หรือจะดูรายละเอียดว่ามี Bugs ตัวใหนที่ Fix ไปแล้วบ้างในเวอร์ชั้นนี้ คลิกเลยครับ]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-1-4-4-release-candidate-2-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Mobile Alpha 1 Released !!</title>
		<link>http://www.jquery.in.th/jquery-mobile-alpha-1-released/</link>
		<comments>http://www.jquery.in.th/jquery-mobile-alpha-1-released/#comments</comments>
		<pubDate>Sat, 16 Oct 2010 16:19:15 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery mobile]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[ui framework]]></category>
		<category><![CDATA[user interface framework]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1222</guid>
		<description><![CDATA[ออก release Alpha 1 มาให้ลองใช้กันแล้วครับสำหรับ jQuery Mobile ใครสนใจไปลองโหลดมาใช้กันดูนะครับ แต่ก่อนอื่นหลายๆคนนะครับจะสับสนกันสักหน่อย เท่าที่ผมได้ยินหรือได้อ่านตามที่ต่างๆมา หลายๆคนเข้าใจว่า jQuery Mobile เนี่ยมันเอาไว้ Build ออกมาเป็น App สำหรับ Mobile หรือบ้างคนก็เข้าใจว่า jQuery Mobile เนี่ยเอามาทำ App Mobile เช่น App iPhone ได้เลย คืออยากจะบอกครับว่าเข้าใจผิดกันไปใหญ่แล้วละครับ ที่พูดมาเนี่ยถูกแค่ 30% เท่านั้นครับ ถ้าอยากรู้ว่าจริงๆแล้วมันเอาไว้ทำอะไร กดเข้ามาอ่านรายละเอียดด้านในเลยครับ จริงๆแล้วนะครับ jQuery Mobile มันคือ User Interface (UI) Framework สำหรับ Mobile ครับโดยรองรับ Mobile ที่ได้แน่ๆ 5 ตัวด้วยกัน คือ Apple iOS : iPhone, iPod touch, iPad, Android Blackberry Torch, Palm WebOS Pre, Pixi, Nokia N900 jQuery Mobile เนี่ยมันก็ยังต้องเข้าผ่าน Browser ของแต่ละ Mobile ค่ายนั้นๆครับ ไม่ใช่ [...]]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-mobile-alpha-1-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery UI ออกเวอร์ชั่นใหม่ล่าสุดครับ 1.8.5</title>
		<link>http://www.jquery.in.th/jquery-ui-1-8-5-release/</link>
		<comments>http://www.jquery.in.th/jquery-ui-1-8-5-release/#comments</comments>
		<pubDate>Tue, 21 Sep 2010 08:32:09 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[jQuery UI]]></category>
		<category><![CDATA[jquery ui]]></category>
		<category><![CDATA[ui 1.8.5]]></category>
		<category><![CDATA[ui release]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1214</guid>
		<description><![CDATA[ข่าวสั้นๆครับวันนี้ jQuery UI นั้นได้ออกเวอร์ชั่นล่าสุดออกมาแล้วครับนั้นก็คือ jQuery UI เวอร์ชั่น 1.8.5 มีการเปลี่ยนแปลงและ Fix bugs ต่างๆไปพอสมควร รายละเอียดด้านในเลยครับ สำหรับสิ่งที่เปลี่ยนแปลงและแก้ไขใน jQuery UI เวอร์ชั่นนี้นะครับ Core &#38; Utilities มีการแก้ไขปัญหาในส่วนของ JavaScriptPacker UI Core มีการเพิ่ม jQuery.support.minHeight แก้ไขปัญหา cross-browser ใน function disableSelection() แก้ไขปัญหา :focusable และ :tableable เวลาใช้ jQuery 1.3.2 Widget Factory แก้ไขปัญหา Auto-destroy ที่ใช้งานไม่ได้ใน jQuery 1.4 หลักๆแล้วก็มีการแก้ไขดังนี้ครับ jQuery UI Core, Widget Factory, Position, Autocomplete, Button, Datepicker Dialog,Tabs widgets สามารถดูรายละเอียดเพิ่มเติมได้ที่ link นี้ครับ Changelog. Download Development Bundle: http://jquery-ui.googlecode.com/files/jquery-ui-1.8.5.zip Themes Package: http://jquery-ui.googlecode.com/files/jquery-ui-themes-1.8.5.zip]]></description>
		<wfw:commentRss>http://www.jquery.in.th/jquery-ui-1-8-5-release/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter ปรับ Design และ Layout ใหม่แล้วครับ</title>
		<link>http://www.jquery.in.th/new-design-twitter/</link>
		<comments>http://www.jquery.in.th/new-design-twitter/#comments</comments>
		<pubDate>Wed, 15 Sep 2010 06:27:02 +0000</pubDate>
		<dc:creator>บริษัท เก้ายอดสตูดิโอ จำกัด</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[new design]]></category>
		<category><![CDATA[newtwitter]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.jquery.in.th/?p=1201</guid>
		<description><![CDATA[เป็นที่น่ายินดีอย่างยิ่งเลยครับสำหรับการปรับ Design ใหม่ของ Twitter ครั้งนี้ เท่าที่ดูใน วีดีโอ แล้วรู้สึกว่าจะมีความสามารถเพิ่มขึ้นเยอะเหมือนกัน เช่นรองรับ Video , Photo และ Media ประเภทอื่นๆด้วยครับ หลักๆแล้วที่เห็น Twitter ตัวใหม่นี้ที่รองรับก็มี Youtube, Kiva, Flickr, Vimeo, twitpic ต่อไปนี้เวลา Twit ข้อความที่มี Link ของ Media นั้นๆก็ไม่ต้องกด link ออกไปดูให้วุ่นวายแล้วครับ สามารถที่จะดูได้ในหน้า web ของ Twitter ได้เลย เยี่ยมมากๆ New Design ครับ DIscover related content Mini profiles คาดว่าจะได้เห็นกันเร็วๆนี้ครับ ประมาณภายในอาทิตย์นี้ ที่สำคัญนั้น ทาง Twitter บอกว่ามันจะเร็วขึ้น อันนี้ก็ต้องรอทดสอบกันดูครับ ผมว่า Twitter เองคงจะปรับเครื่องของ Server ไปด้วยแน่นอน จะได้ไม่ล่มบ่อยๆ ฮ่าๆ อีกอย่างปรับหน้าตาเสร็จแล้ว ก็น่าใช้ทีเดียวเลยละ ดูตัวอย่าง วีดีโอ ด้านล่างนี้ได้เลยครับ]]></description>
		<wfw:commentRss>http://www.jquery.in.th/new-design-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

