夜宴:技术前哨站  2010.8.9    钨龙
Qzone 即将推用户更新IE6
• IE 9  – 在9月份进行公开测试• Firefox 4.0 beta 2  – 已经开始公测,9月1日发布• Chrome  – 加快发布周期• Safari  – Safari浏览器扩展由第三方开发者使用HTML5、CSS3、Java...
HTML 5 嵌套规则http://www.w3.org/TR/2010/WD-html5-20100304/dom.html#kinds-of-contenthttp://www.w3.org/TR/2010/WD-html5-2010030...
获取页面性能数据?
•   Httpwatch?•   Firebug net panel?•   Fiddler?•   ySlow?•   Pageseed?•   …….
Web Timinghttp://dev.w3.org/2006/webapi/WebTiming/http://blogs.msdn.com/b/ie/archive/2010/06/28/measuring-web-page-perform...
• W3c  – window.performance• IE 9 preview  – window.msPerformance• Chrome 6 +  – window.webkitPerformance• Firefox,safari ...
YUI 3.2.0 preview release
• Touch event support• Browser capability loading• Transition support for the animation module• update to the CSS grids ht...
A Little PIE with that CSS3?           http://css3pie.com/
CSS behaviorHtml Components (HTC)        http://en.wikipedia.org/wiki/HTML_Components
Do LESS with Less.js      http://lesscss.org/index.html
@brand-color: #3879BD;.rounded(@radius: 3px) {   -webkit-border-radius: @radius;   -moz-border-radius: @radius;   border-r...
LESS.js              +            node.js              =way fast server-side dynamic css ?
Synthetic Event Library SynAims to Make Testing Easier
Problems :• Manual• Unit Tests Only• Low fidelity• Difficult to write• Expensive
Ex:Syn.click( {},hello ).type( Hello World ).delay() //waits 600ms seconds by default.drag( $(#trash) ,       function() {...
3Q~
Banquet 36
Banquet 36
Banquet 36
Upcoming SlideShare
Loading in...5
×

Banquet 36

347

Published on

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

  • Be the first to like this

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

No notes for slide

Banquet 36

  1. 1. 夜宴:技术前哨站 2010.8.9 钨龙
  2. 2. Qzone 即将推用户更新IE6
  3. 3. • IE 9 – 在9月份进行公开测试• Firefox 4.0 beta 2 – 已经开始公测,9月1日发布• Chrome – 加快发布周期• Safari – Safari浏览器扩展由第三方开发者使用HTML5、CSS3、JavaScript等开 放网页标准写成.
  4. 4. HTML 5 嵌套规则http://www.w3.org/TR/2010/WD-html5-20100304/dom.html#kinds-of-contenthttp://www.w3.org/TR/2010/WD-html5-20100304/text-level-semantics.html#text-level-semantics
  5. 5. 获取页面性能数据?
  6. 6. • Httpwatch?• Firebug net panel?• Fiddler?• ySlow?• Pageseed?• …….
  7. 7. Web Timinghttp://dev.w3.org/2006/webapi/WebTiming/http://blogs.msdn.com/b/ie/archive/2010/06/28/measuring-web-page-performance.aspx
  8. 8. • W3c – window.performance• IE 9 preview – window.msPerformance• Chrome 6 + – window.webkitPerformance• Firefox,safari –?
  9. 9. YUI 3.2.0 preview release
  10. 10. • Touch event support• Browser capability loading• Transition support for the animation module• update to the CSS grids http://www.yuiblog.com/blog/2010/07/26/3-2-0pr1/
  11. 11. A Little PIE with that CSS3? http://css3pie.com/
  12. 12. CSS behaviorHtml Components (HTC) http://en.wikipedia.org/wiki/HTML_Components
  13. 13. Do LESS with Less.js http://lesscss.org/index.html
  14. 14. @brand-color: #3879BD;.rounded(@radius: 3px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius;}#header { .rounded(5px); a{ color: @brand-color; &:hover { color: #000; } }}
  15. 15. LESS.js + node.js =way fast server-side dynamic css ?
  16. 16. Synthetic Event Library SynAims to Make Testing Easier
  17. 17. Problems :• Manual• Unit Tests Only• Low fidelity• Difficult to write• Expensive
  18. 18. Ex:Syn.click( {},hello ).type( Hello World ).delay() //waits 600ms seconds by default.drag( $(#trash) , function() { ok( $(#hello).length == 0, "removed hello" ) });
  19. 19. 3Q~
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×