<?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/tag/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>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>
