ดีฮ่ะ กับ บทความแรกของผม ก็อยากจะแนะนำให้ ลองมาคบกับ YUI กันดูครับ จะได้ทำ web 2.0 สวยๆกัน ก็มีกันมานนแล้วน๊ะครับสำครับ user interface ตัวนี้ ตัวที่ released ล่าสุดก็จะเป็น YUI 2.7.0 คับ ก็ตามกันดูไปโหลดได้ที่ นี่เลย
เวอร์ชัน releases http://yuiblog.com/blog/2009/06/24/yui3b1/
สำหรับตัวอย่างก็ไปดูกันได้ที่นี่เลยคับ http://developer.yahoo.com/yui/3/examples/
ในส่วนที่ผมยิบมาเล่นก็เป็นในส่วนของ feed น๊ะครับจะอยู่ในส่วนของ Drag &Drop แล้วก็ไปที่ Example Portal Style Example คับ คลิ๊กที่ View ได้เลยคับ
ลองลากในส่วนของ feed กันดูน๊ะครับ แหล่มมากๆเลยคับ ในส่วนนี้ผมไปแกะมาในส่วนของ link feed ที่เราเห็นกันน๊ะครับ ดูกันที่ Full Source ที่หน้าเว็บได้เลยครับ
code ส่วนที่สองครับ
var feeds = {
'ynews': {
id: 'ynews',
title: 'Yahoo! US News',
url: 'rss.news.yahoo.com/rss/us'
},
'yui': {
id: 'yui',
title: 'YUI Blog',
url: 'feeds.yuiblog.com/YahooUserInterfaceBlog'
},
'slashdot': {
id: 'slashdot',
title: 'Slashdot',
url: 'rss.slashdot.org/Slashdot/slashdot'
},
'ajaxian': {
id: 'ajaxian',
title: 'Ajaxian',
url: 'feeds.feedburner.com/ajaxian'
},
'daringfireball': {
id: 'daringfireball',
title: 'Daring Fireball',
url: 'daringfireball.net/index.xml'
},
'wiredtech': {
id: 'wiredtech',
title: 'Wire: Tech Biz',
url: 'www.wired.com/rss/techbiz.xml'
},
'techcrunch': {
id: 'techcrunch',
title: 'TechCrunch',
url: 'feedproxy.google.com/Techcrunch'
},
'smashing': {
id: 'smashing',
title: 'Smashing Magazine',
url: 'www.smashingmagazine.com/wp-rss.php'
}
};
‘ynews’: {
id: ‘ynews’, <———– เป็นชื่อของ id ของ feed ที่เรานำมาครับแล้วแต่เราจะตั่งอย่าให้ซ้ำกันก็พอ
title: ‘Yahoo! US News’, <———– ตรงนี้เป็น ส่วนที่จะไปโชว์ที่หน้าเว็บน๊ะครับ
url: ‘rss.news.yahoo.com/rss/us’ <———– อันนี้ก็ link feed เลย
ลองไปนำไปใช้กันดูน๊ะครับ ส่วนผมก็ขอตัวไปนั่งแกะ นั่งแคะต่อครับ ยังละอ่อนอยู่คับ ^^
( ก็อยากจะให้ไปตั่งกระทู้ไปคุยกันที่ บอร์ด น๊ะ ครับ เพื่อ ที่ผมและพี่ๆเพื่อนๆน้องๆที่อยากจะทำ web 2.0 จะได้ช่วยกานแชร์ความรู้กันคับ ตามหา GURU คับ อิอิ )
///// ฝากกันด้วยน๊ะครับท่าน GURU ทั้งหลายครับ ^^ กดที่นี่ไป เว็บบอร์ดของเรา
