• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Ie9 и ie10. алекс могилевский. зал 2
 

Ie9 и ie10. алекс могилевский. зал 2

on

  • 1,237 views

 

Statistics

Views

Total Views
1,237
Views on SlideShare
993
Embed Views
244

Actions

Likes
0
Downloads
6
Comments
0

4 Embeds 244

http://ritconf.ru 170
http://2011.ritconf.ru 72
http://www.slideshare.net 1
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Html5 = роднойязык для windowsWindows понимает сайты как программы написанные специально для него (outlook)Мы делаем систему и браузер так, чтобы максимально быстро и удобно работали сайты на современных копьютерахЮзабилитиСкоростьСтандарты
  • Вот что я буду рассказыватьПримеры того как это уже работает в реальных живых сайтахКак мы строили IE9, как мы принимали решения при работе над нимЧто будет дальше
  • Здесь я покажу существующие примеры сайтов на HTML5 которые уже очень трудно отличить от приложений. Это было невозможно еще только год назадTaskbar integration -- Apps pinned:OutlookWordLive mailFacebookAmazonRotten tomatoesFoursquarehttp://foursquareplayground.com/3d mapInteractiveSVG anmiehttp://jsdo.it/event/svggirl/Push  yellow buttonCustomize, play“directors cut”http://director.bonjovi.com/Custom music videosIt’s just a web page!Html5 video + canvasPackmanhttp://www.beautyoftheweb.com/#/experience/PACMANWolrlds’s biggest pacmanVideo mixerhttp://www.beautyoftheweb.com/firework/index.htmlPaintball (testdrive)http://ie.microsoft.com/testdrive/Performance/Paintball/Default.htmlCompare wit chrome latest build
  • То что мы видели совсем недавно требовало плагинов (flash, silverlight). Сегодня можно на HTML5.Разница между сайтам и приложениями (программами) стирается, они все органичнее вписываются в систему, работают так же быстро как лучшие родные приложения
  • А вот как мы сюда попали
  • Производство браузера – сложный процесс который в конце концов должен привести к прогрессу (улучшить жизнь пользователей и программистов).Здесь краткий список глобальных вещей которые нам нужно было сделать.
  • Это я вам показывал в прошлом году (preview IE9)За год многое изменилось...
  • Мы сдеалали много нового с тех пор, учитываю ваши пожелания, тренды в интернете, новые стандарты. Список расширился, что привело к прогрессу.
  • Вы хотите чтобы все это работало быстро и красиво. Мы сдеали лучшее что можно сделать на современных компьютерах.Таких результатов можно добиться только при отлаженном взаимодействии браузера и системы.Мы удаляем все препятствия между сайтом и железом.
  • Такото рода производительности можно получить только в системе которая специально для этого построена.ИЕ9 работает в ВистеИЕ10 будет в 7 и выше
  • Мы ориентируемся на стандарты. Решения про стандарты зависят от состояния стандартов.
  • Пример того как сложно поддерживать совсем новые стандарты, которые быстро развиваются...В этом видео персонажи зачитывают выдержки из блогов Firefox, Chrome и реальныз веб дезайнеровhttp://newvideos.xtranormal.com/web_final_lo/8a21f232-0313-11e0-bf4d-003048d6740d_3.mp4
  • Поэтому мы создали HTML5 Labs где можно экспериментировать со стандартами которые мы еще не считаем готовыми к встраиванию в браузер.www.html5labs.com
  • 9 мы выпустили только месяц назад... Однако нам уже есть что рассказать и показать про 10...www.ietestdrive.comDemo (compare with newest chrome build):Aquarium – new performance benchmarkhttp://ie.microsoft.com/testdrive/Performance/FishBowl/Default.htmlMulticolunhttp://ie.microsoft.com/testdrive/HTML5/TweetColumns/Default.htmlImage clipping at column break (chrome)Griddlehttp://ie.microsoft.com/testdrive/HTML5/Griddle/Default.htmlCss flexbox (multiline)Media queriesECMA5 Strict mode -- Script error reportinghttp://ie.microsoft.com/testdrive/HTML5/TryStrict/Default.html Demo: emerging standards with vendor prefixescss gradientshttp://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.htmlShow markup, with vendor prefixesDifferent resultsDemo border radiushttp://ie.microsoft.com/testdrive/HTML5/BorderRadius/Default.htmlDifferent markupDifferent results
  • Аквариум – еще быстрее, градиентыБлоги – колонкиGridddle – flexbox, gridStrict mode script - ашипкиCss gradients – незаконченные стандартыDemo (compare with newest chrome build):Aquarium – new performance benchmarkhttp://ie.microsoft.com/testdrive/Performance/FishBowl/Default.htmlMulticolun – new popular standard, best in IEhttp://ie.microsoft.com/testdrive/HTML5/TweetColumns/Default.htmlImage clipping at column break (chrome)Griddle – new CSS3 moduleshttp://ie.microsoft.com/testdrive/HTML5/Griddle/Default.htmlCss flexbox (multiline)Media queriesECMA5 Strict mode -- Script error reportinghttp://ie.microsoft.com/testdrive/HTML5/TryStrict/Default.html Demo: emerging standards with vendor prefixescss gradients – emerging standardshttp://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.htmlShow markup, with vendor prefixesDifferent resultsDemo border radius – stable standards with uneven supporthttp://ie.microsoft.com/testdrive/HTML5/BorderRadius/Default.htmlDifferent markupDifferent results
  • Это то что мы готовы показать через месяц после ИЕ9... Следите за новостями))))
  • А сейчас – используйте ИЕ9, может я что-то рассказал вам на пользу...Участвуйте в созданиее ИЕ10 и новых стандартов.
  • То что я показывал можно загрузить здесь
  • Q&A

Ie9 и ie10. алекс могилевский. зал 2 Ie9 и ie10. алекс могилевский. зал 2 Presentation Transcript

  • IE9, IE10
    HTML5: Native to Windows
    Alex Mogilevsky
    Architect
    Internet Explorer
  • HTML5: Native to Windows
    Real-World HTML5 Applications
    IE9 Patterns
    Looking Forward
  • Native HTML5
    demo
  • Demo Recap: Native HTML5
    Foursquare Playground
    KayacSVG Girl
    Bon Jovi Director’s Cut
    Namco PAC-MAN
    Paintball
    Try these and more at:
    beautyoftheweb.com
  • IE9 Patterns
  • Steps to progress
    Moving the Web Forward
    PlatformPreviews
    CommunityEngagement
    WebStandards
    SameMarkup
    Progress
    Site-Ready
    HardwareAcceleration
    Competitivewith“NativeApplication”
    EmergingWebTechnologies
  • MIX10
  • IE9 Patterns
    Hardware-Accelerated. Site-Ready HTML5. Same Markup.
    Standards
    Community
  • Native and Cross-Platform
  • Native and Cross-Platform
    http://www.maximumpc.com/article/news/windows_7_market_share_us_passes_xp
  • Same Markup and Emerging W3C Standards
    Site-Ready
    HTML5 Labs
    Web Open Font Format (WOFF)
    Navigation Timing
    Tracking Protection
    IndexedDB
    WebSockets
    FileAPI
    Media Capture APIs
  • WebSockets
    video
  • HTML5 Labs
    Prototypes of experimental or unstable specifications
    Prove out site-readiness of specifications before baking them into a release
    Visit the site at:
    html5labs.com
  • Progress, Substance, and Cadence
    𝑝𝑟𝑜𝑔𝑟𝑒𝑠𝑠
     
    𝑟𝑒𝑙𝑒𝑎𝑠𝑒𝑡𝑖𝑚𝑒
     
    𝑝𝑟𝑜𝑔𝑟𝑒𝑠𝑠𝑡𝑖𝑚𝑒
     
    𝑝𝑟𝑜𝑔𝑟𝑒𝑠𝑠𝑟𝑒𝑙𝑒𝑎𝑠𝑒
     
    𝑝𝑟𝑜𝑔𝑟𝑒𝑠𝑠𝑡𝑖𝑚𝑒
     
    =
     
    𝑝
     
    𝑚
     
    𝑣
     
  • An Early Look at Internet Explorer 10
    Looking Forward
  • demo
  • Demo Recap: IE10
    Performance: Fishbowl
    CSS3 Multi-column Layout
    CSS3 Grid Layout and CSS3 Flexible Box Layout
    ECMAScript 5 Strict Mode
    CSS3 Gradients
    CSS3 Transitionsand CSS3 3D Transforms
  • What’s Next?
    Take Advantage of IE9 Today!
    Emerging Standards at HTML5 Labs for your Experimentation
    Take an Early Look at IE10
  • IE10 Platform Preview 1
    CSS3 Gradients
    CSS3 Grid, Flexbox, Multi-column
    ECMAScript 5 Strict Mode
    ietestdrive.com
    announcing
  • IE9, IE10
    Use, test, send feedback!
    www.beautyoftheweb.com
    www.ietestdrive.com
    www.html5labs.com
    alexmog@microsoft.com