Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
615
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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