Social Media | Online Marketing | Digital Media | Daydev

ดีฮ่ะ กับ บทความแรกของผม ก็อยากจะแนะนำให้ ลองมาคบกับ 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 ทั้งหลายครับ ^^ กดที่นี่ไป เว็บบอร์ดของเรา