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