Your SlideShare is downloading. ×
Banquet 49
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Banquet 49

658
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
658
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 49.YUI Conf 2010 Koubei UED 2011.11.30
  • 2. • the future• YUI3...• YQL• node.js• HTML5 + CSS3• tools• touch
  • 3. YUI3• YUI3:Below the surface• Porting Flickr to YUI 3• YUI3 Loading Strategies• Handling Data in YUI3• AutoComplete/Treeview/Gallery Modules• Understanding Progressive Enhancement with YUI
  • 4. YUI3:Below the surface• Modules• DOM abstraction
  • 5. YUI3 on Flickr• Y.delegate() Y.on() IE7/IE8 Y.all().on()• URL length 1600 sonic fallwall• RRDtool http://www.mrtg.org/rrdtool/
  • 6. Node.js & YUI3• Common.js• HTML JavaScript• CMS?
  • 7. bulletproof HTML5• <article></article> • <div class=”article”></div>• F2E Validator•• HTML5 http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html
  • 8. Test• Selenium• TestSwarm• JSTestDriver• Yeti• YUI Test
  • 9. touch time• W3C• YUI 3.2.0: touch,move,flick,gestures
  • 10. high performance js• loadtime • Put scripts at the bottom • Combine JavaScript files • Load scripts dynamically • Defer scripts • Asynchronous scripts
  • 11. high performance js• runtime (50ms) • Timers • Web Workers
  • 12. high performance js• UI updates(repaints/reflows) • Perform DOM manipulations off-document • Group Style Changes • Avoid Accidental Reflow , element.offsetWidth;
  • 13. Where is YUI?• http://yuilibrary.com/• http://developer.yahoo.com/yui/• http://yuiblog.com/• http://twitter.com/yuilibrary• http://github.com/yui/
  • 14. how to fix YUI?• http://yuilibrary.com/projects/yui3/• http://yuilibrary.com/projects/yuilibrary/ wiki/Process/FilingATicket• http://yuilibrary.com/forum/
  • 15. Contributing to YUI 3• http://yuilibrary.com/gallery/show• http://yuilibrary.com/gallery/developer
  • 16. More• http://kxt.koubei.com/space/f2e/kaven/slide/ YUICONF2010/• http://yuilibrary.com/yuiconf2010/ schedule.php
  • 17. Action• YUI Test :• Yeti :• boomerang + RDDtools• HTML5 for K2• touch• contribute to YUI :
  • 18. Thanks