<?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>Grass still Green &#187; Web</title>
	<atom:link href="http://wegrass.com/article/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://wegrass.com</link>
	<description>All About Web Development</description>
	<lastBuildDate>Fri, 13 Aug 2010 15:52:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>สร้างนาฬิกาตัวเลขด้วย jClock</title>
		<link>http://wegrass.com/article/java-scripts-digital-clock-with-jclock/</link>
		<comments>http://wegrass.com/article/java-scripts-digital-clock-with-jclock/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 18:11:45 +0000</pubDate>
		<dc:creator>Nutrawee</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jClock]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[ความรู้]]></category>

		<guid isPermaLink="false">http://wegrass.com/?p=987</guid>
		<description><![CDATA[พอดีผมกำลังทำโปรเจคที่ได้ออกแบบให้มีนาฬิกาแบบตัวเลขติดอยู่บนหน้าเว็บเพจด้วย อย่างน้อยมันต้องมีซักคนบนโลกที่เคยทำแบบนี้ไปแล้ว ผมจึงทำการออกตามหาว่ามีใครทำสคริปส์แบบนี้ไว้รึปล่าว แล้วในที่สุดก็เจอคนใจดีชื่อนาย Doug Sparling เค้าก็เป็นคนสร้าง jClock ซึ่งทำให้การสร้างนาฬิการบนเว็บเพจที่ง่ายอยู่แล้วกลายเป็นง่ายเงอร์ (ขั้นสองของ ง่าย) เขียนมาตั้งยาวไม่ได้มีสาระอะไรเลย มาเริ่มกันเลยดีกว่าครับ
สิ่งที่ต้องใช้

jQuery จาวาสคริปส์เฟรมเวิร์ค มันมีหลายแบบนะครับ เลือกเอาตามใจชอบได้เลย แต่ถ้าหาไม่เจอก็ คลิกเพื่อดาวน์โหลด jQuery 1.4.2 minified
jClock ปลั๊กอินของ jQuery ถ้าหาที่โหลดไม่เจอก็ คลิกเพื่อดาวน์โหลด jClock

แนวคิด
หน้าที่ของ jClock คือวาง text บ่งบอกเวลา ลงใน html element (เช่น &#60;p&#62; &#60;span&#62; &#60;div&#62; เป็นต้น) ที่เรากำหนด ดังนั้นสิ่งที่เราจะทำคือ สร้าง html element ขึ้นมา กำหนด css เพื่อควบคุมการแสดงผล จัดรูปแบบให้สวยงาม เมื่อพอใจแล้วก็บอกให้ jClock ใส่ข้อมูลเวลาลงใน element ที่ต้องการครับ
เริ่มกันเลย
เริ่มจากการออกแบบก่อนนะครับ อันนี้แล้วแต่ชอบเลยครับ ส่วนผมออกแบบได้ดังรูปด้านล่างครับ


เวลาออกแบบ ให้คิดไปด้วยนะครับว่าจะวางโครงสร้าง [...]]]></description>
		<wfw:commentRss>http://wegrass.com/article/java-scripts-digital-clock-with-jclock/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drag &amp; Drop from scratch (return)</title>
		<link>http://wegrass.com/article/drag-drop-from-scratch/</link>
		<comments>http://wegrass.com/article/drag-drop-from-scratch/#comments</comments>
		<pubDate>Wed, 17 Feb 2010 08:40:29 +0000</pubDate>
		<dc:creator>Nutrawee</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[drag & drop]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[ความรู้]]></category>

		<guid isPermaLink="false">http://obbon.net/?p=123</guid>
		<description><![CDATA[หลายคนอาจคิดว่า Drag &#38; Drop นั้นต้องทำยากแน่ๆ แต่ความจริงแล้วการ coding ไม่ยากเลย แต่ความยากมันอยู่ที่การนำไปใช้ บทความนี้จะบอกว่าทำอย่างไร ส่วนจะเอาไปใช้อย่างไรนั้น ต้องลองนำไปต่อยอดดูนะคับ  ว่าแล้วก็มาจับกบกันเต๊อะ 



Obbs &#38; Basket
เริ่มแรกเราต้องสร้างเพจที่มีกบและตะกร้าก่อนนะคับ โดยสร้างไฟล์ html ไฟล์ obb.html ซึ่งจะทำหน้าที่เป็นหน้าเว็ปเพจของเรานะคับ และสร้าง style sheet ไฟล์ ชื่อ obb.css จากนั้นผูกทั้งสองไฟล์เข้าด้วยกัน เป็นอันเสร็จพิธี
// obb.html นะคับ
&#60;html&#62;

  &#60;head&#62;
    &#60;link media="screen" type="text/css" href="obb.css" rel="stylesheet"&#62;
  &#60;/head&#62;

  &#60;body&#62;
    &#60;div class="obb" id="1"&#62;&#60;/div&#62;
    [...]]]></description>
		<wfw:commentRss>http://wegrass.com/article/drag-drop-from-scratch/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Blue Print CSS Framework</title>
		<link>http://wegrass.com/article/blue-print-css-framework/</link>
		<comments>http://wegrass.com/article/blue-print-css-framework/#comments</comments>
		<pubDate>Wed, 26 Aug 2009 15:55:37 +0000</pubDate>
		<dc:creator>Nutrawee</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[blue print]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[framewrok]]></category>
		<category><![CDATA[ความรู้]]></category>

		<guid isPermaLink="false">http://obbon.net/?p=203</guid>
		<description><![CDATA[พอดีเมื่อวานนี้นั่งดู Stat ของ obbon.net แล้วไปเห็นว่ามีคนเข้า Google แล้วค้นหาด้วยคำว่า &#8220;jquery  drag drop กบ&#8221; เห็นแล้วรู้สึกดีมากเลยครับ เหมือนมีคนมาตบไหล่เบาๆ แล้วพูดว่า สู้ต่อไปดิวะ ฮี่ๆ น้ำตาจะไหล เข้าเรื่องกันดีกว่าคับ
สำหรับคนที่ใช้ CSS ในการจัดรูปแบบเว็ปเพจ คงเคยรู้สึกว่า ทำไมทุกครั้งที่ทำเว็ปใหม่ เราต้องมานั่งวางโครง กำหนดลักษณะตัวอักษร ใส่โค๊ดเพื่อแก้ปัญหาการแสดงผลในบางเบราวเซอร์ ซึ่งสิ่งต่างๆ เหล่านี้ ส่วนใหญ่เราก็จะทำไปเรื่อยๆ เจอปัญหาทีก็แก้ที คนกลุ่มหนึ่งที่เค้าก็เคยเจอปัญหาเดียวกับเรา เค้าเลยคิดชุด CSS มาตรฐานขึ้นมา จะได้ไม่ต้องมานั่งทำซ้ำๆ ซึ่งเราเรียกว่า CSS Framework นั่นเอง

สิ่งที่ต้องมี

Blueprint CSS Framework ความจริงมันมีหลายเจ้านะคับ แต่ที่ผมเลือกตัวนี้เพราะว่า ผมเคยทำแต่ตัวนี้ &#8230;
ไฟล์ HTML 1 ไฟล์เอาไว้ลองคับ
หมดละคับ


เข้าใจ Blueprint
ก่อนอื่นเรามาทำความเข้าใจแนวคิดของคนทำ Blueprint ก่อนนะคับ 
 Blueprint จะมองหน้าเว็ปเพจว่ามีความกว้าง 950 [...]]]></description>
		<wfw:commentRss>http://wegrass.com/article/blue-print-css-framework/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Dev Workflow</title>
		<link>http://wegrass.com/article/web-dev-workflow/</link>
		<comments>http://wegrass.com/article/web-dev-workflow/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 09:06:26 +0000</pubDate>
		<dc:creator>Nutrawee</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[workflow]]></category>
		<category><![CDATA[ความรู้]]></category>

		<guid isPermaLink="false">http://61.19.247.188/~zp00000068/obb/?p=11</guid>
		<description><![CDATA[ไม่ว่าเราจะทำอะไร ขั้นตอนการทำงานเป็นสิ่งที่เราควรเข้าใจเป็นอันดับต้นๆ ถ้าอยากทำเว็ป แต่ยังมองไม่เห็นภาพว่า จะต้องเริ่มต้นอย่างไร และจบที่ตรงใหน ลองอ่านบทความนี้ดูนะครับ


Tool

การที่จะพัฒนา PHP บนเครื่องของเราได้ ก่อนอื่นต้องติดตั้งโปรแกรมที่ทำให้เครื่องเราสามารถทำงานเป็น web server ได้
 ซึ่งโปรแกรมที่จะต้องมีได้แก่

 Apache : เป็น web server
PHP : ทำให้ web server เข้าใจคำสั่ง PHP 
mySQL : ฐานข้อมูล

หรือจะลงโปรแกรม AppServ ก็ได้ครับ ลงแค่โปรแกรมเดียว เราจะได้ทั้ง Apache PHP และ mySQL เลยครับ ง่ายๆ
 หลังจากลง AppServ เรียบร้อยแล้ว ทดสอบโดยการเปิด web browser แล้วพิมพ์ localhost ลงในช่อง url แล้วกด enter ครับ
 ถ้าผลที่ได้เป็นดังรูปนี้  เราก็พร้อมที่จะไปต่อแล้วล่ะคับ


Develop
ก่อนอื่น เราต้องรู้ว่าจะต้องสร้าง [...]]]></description>
		<wfw:commentRss>http://wegrass.com/article/web-dev-workflow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
