<?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>S i X h E a D { ? } &#187; syntax</title>
	<atom:link href="http://sixhead.com/tag/syntax/feed/" rel="self" type="application/rss+xml" />
	<link>http://sixhead.com</link>
	<description>เมื่อความรู้มีไว้แบ่งปัน</description>
	<lastBuildDate>Sun, 25 Dec 2011 04:15:06 +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>View Source Chart : ดู source code จาก FireFox แบบวิจิตรเทพ</title>
		<link>http://sixhead.com/2009/02/19/view-source-chart-the-most-accessible-dom-inspector/</link>
		<comments>http://sixhead.com/2009/02/19/view-source-chart-the-most-accessible-dom-inspector/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 14:13:01 +0000</pubDate>
		<dc:creator>Pipo</dc:creator>
				<category><![CDATA[Developer]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[source]]></category>
		<category><![CDATA[syntax]]></category>

		<guid isPermaLink="false">http://sixhead.com/?p=337</guid>
		<description><![CDATA[Add-ons  FireFox ตัวโปรดอีกตัวนึงของผมเลยครับ หลังจากไม่ได้ใช้มานาน เพราะ upgrade FireFox เป็น v3 แล้วตัว add-ons มันไม่ support วันนี้นึกขึ้นได้ลองไป search ดูอีกครั้งปรากฏว่ามี experimental version ที่ใช้งานกับ FireFox 3 ได้แล้ว เลยรีบโหลดทันที ความสามารถของมันคือเอาไว้ view source code หน้า html ครับแต่ข้อดีสุดๆ ของมันก็คือ มันจะอ่าน html ออกมาในลักษณะ ของ DOM แสดงออกมาเป็น block แยกสีอย่างชัดเจนดูได้ง่าย และที่สุดยอดสุดๆ คืออะไรรู้ไหมครับ ถ้าคุณทำงานที่เกี่ยวข้องกับ ajax บ่อยหรือพวกสั่ง javascript write content เนี่ยะมันจะ view ออกมาให้เห็นพวก html ที่เราสั่ง write ออกมาให้ด้วยเลย (ใน [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-338 alignnone" style="margin-top: 2px; margin-bottom: 2px;" title="view-source-chart" src="http://sixhead.com/wp-content/uploads/2009/02/view-source-chart.png" alt="view-source-chart" width="304" height="239" /></p>
<p>Add-ons  FireFox ตัวโปรดอีกตัวนึงของผมเลยครับ หลังจากไม่ได้ใช้มานาน เพราะ upgrade FireFox เป็น v3 แล้วตัว add-ons มันไม่ support วันนี้นึกขึ้นได้ลองไป search ดูอีกครั้งปรากฏว่ามี experimental version ที่ใช้งานกับ FireFox 3 ได้แล้ว เลยรีบโหลดทันที ความสามารถของมันคือเอาไว้ view source code หน้า html ครับแต่ข้อดีสุดๆ ของมันก็คือ</p>
<p><span id="more-337"></span>มันจะอ่าน html ออกมาในลักษณะ ของ DOM แสดงออกมาเป็น block แยกสีอย่างชัดเจนดูได้ง่าย และที่สุดยอดสุดๆ คืออะไรรู้ไหมครับ ถ้าคุณทำงานที่เกี่ยวข้องกับ ajax บ่อยหรือพวกสั่ง javascript write content เนี่ยะมันจะ view ออกมาให้เห็นพวก html ที่เราสั่ง write ออกมาให้ด้วยเลย (ใน Web Developer extension ก็ทำได้แต่ก็ไม่สวยเท่าตัวนี้) เทียบกับสมัยเขียนโปรแกรมยุคแรกๆ คุณคิดดูใช้ IE + Notepad หรือ ขนาดใช้ EditPlus ก็เหอะ debug งานแต่ละทีเสียเวลามาก ยุคนี้มี tool ช่วยเยอะทำให้งานหลายอย่างเสร็จได้เร็ว อย่าเสียเวลาไปลงซะเดี๋ยวนี้เลย <a href="https://addons.mozilla.org/en-US/firefox/addons/versions/655">download ได้ที่นี่</a></p>
<p><map name='google_ad_map_337_f21c57aff87a446f'>
<area shape='rect' href='http://imageads.googleadservices.com/pagead/imgclick/337?pos=0' coords='1,2,367,28' />
<area shape='rect' href='http://services.google.com/feedback/abg' coords='384,10,453,23'/></map>
<img usemap='#google_ad_map_337_f21c57aff87a446f' border='0' src='http://imageads.googleadservices.com/pagead/ads?format=468x30_aff_img&amp;client=&amp;channel=&amp;output=png&amp;cuid=337&amp;url= http%3A%2F%2Fsixhead.com%2F2009%2F02%2F19%2Fview-source-chart-the-most-accessible-dom-inspector%2F' /></p>]]></content:encoded>
			<wfw:commentRss>http://sixhead.com/2009/02/19/view-source-chart-the-most-accessible-dom-inspector/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

