Action Script

มาลองเล่น YUI 3.0.0 กัน

ดีฮ่ะ กับ บทความแรกของผม ก็อยากจะแนะนำให้ ลองมาคบกับ YUI กันดูครับ จะได้ทำ web 2.0 สวยๆกัน ก็มีกันมานนแล้วน๊ะครับสำครับ user interface ตัวนี้ ตัวที่ released ล่าสุดก็จะเป็น YUI 2.7.0 คับ ก็ตามกันดูไปโหลดได้ที่ นี่เลย

Version: 3.0.0 beta1  http://developer.yahoo.com/yui/3/

 

เวอร์ชัน 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 ทั้งหลายครับ ^^ กดที่นี่ไป เว็บบอร์ดของเรา

Asst. Prof. Banyapon Poolsawas

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Leave a Reply

Check Also
Close
Back to top button

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน