SlideShare a Scribd company logo
1 of 22
夜宴:技术前哨站 2010.8.9 钨龙
Qzone即将推用户更新IE6
IE 9  在9月份进行公开测试 Firefox 4.0 beta 2 已经开始公测,9月1日发布 Chrome 加快发布周期 Safari Safari浏览器扩展由第三方开发者使用HTML5、CSS3、JavaScript等开放网页标准写成.
HTML 5 嵌套规则 http://www.w3.org/TR/2010/WD-html5-20100304/dom.html#kinds-of-content http://www.w3.org/TR/2010/WD-html5-20100304/text-level-semantics.html#text-level-semantics
获取页面性能数据?
Httpwatch? Firebug net panel? Fiddler? ySlow? Pageseed? …….
Web Timing http://dev.w3.org/2006/webapi/WebTiming/ http://blogs.msdn.com/b/ie/archive/2010/06/28/measuring-web-page-performance.aspx
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 http://www.yuiblog.com/blog/2010/07/26/3-2-0pr1/
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-radius: @radius;} #header {    .rounded(5px);    a {        color: @brand-color;        &:hover {            color: #000;        }    }}
LESS.js+node.js= way fast server-side dynamic css ?
Synthetic Event Library Syn Aims 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() { ok( $('#hello').length == 0, 				"removed hello" )  } );
3Q~

More Related Content

Similar to 夜宴36期

Firefox 4 & web
Firefox 4 & webFirefox 4 & web
Firefox 4 & web
dynamis
 
夜宴51期《Nothing but the web》
夜宴51期《Nothing but the web》夜宴51期《Nothing but the web》
夜宴51期《Nothing but the web》
Koubei Banquet
 
夜宴36期《技术前哨站》
夜宴36期《技术前哨站》夜宴36期《技术前哨站》
夜宴36期《技术前哨站》
Koubei Banquet
 

Similar to 夜宴36期 (20)

Firefox.NEXT
Firefox.NEXTFirefox.NEXT
Firefox.NEXT
 
HTML5 & Web Platform
HTML5 & Web PlatformHTML5 & Web Platform
HTML5 & Web Platform
 
Web and browser evolution
Web and browser evolutionWeb and browser evolution
Web and browser evolution
 
Firefox 4 & web
Firefox 4 & webFirefox 4 & web
Firefox 4 & web
 
Firefox 4 and Web
Firefox 4 and WebFirefox 4 and Web
Firefox 4 and Web
 
Banquet 51
Banquet 51Banquet 51
Banquet 51
 
夜宴51期《Nothing but the web》
夜宴51期《Nothing but the web》夜宴51期《Nothing but the web》
夜宴51期《Nothing but the web》
 
Firefox 4 and more
Firefox 4 and moreFirefox 4 and more
Firefox 4 and more
 
URL Design
URL DesignURL Design
URL Design
 
Change by HTML5
Change by HTML5Change by HTML5
Change by HTML5
 
Keypoints html5
Keypoints html5Keypoints html5
Keypoints html5
 
HTML5 Introduction
HTML5 IntroductionHTML5 Introduction
HTML5 Introduction
 
HTML5 and web platform
HTML5 and web platformHTML5 and web platform
HTML5 and web platform
 
Banquet 27
Banquet 27Banquet 27
Banquet 27
 
夜宴36期《技术前哨站》
夜宴36期《技术前哨站》夜宴36期《技术前哨站》
夜宴36期《技术前哨站》
 
Banquet 36
Banquet 36Banquet 36
Banquet 36
 
Firefox & HTML5
Firefox & HTML5Firefox & HTML5
Firefox & HTML5
 
HTML5 and Beyond
HTML5 and BeyondHTML5 and Beyond
HTML5 and Beyond
 
WebDev References
WebDev ReferencesWebDev References
WebDev References
 
Opera and the Open Web platform
Opera and the Open Web platformOpera and the Open Web platform
Opera and the Open Web platform
 

Recently uploaded

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 

夜宴36期