Ie9 и ie10. алекс могилевский. зал 2
- 1. IE9, IE10HTML5: Native to WindowsAlex MogilevskyArchitectInternet Explorer
- 2. HTML5: Native to WindowsReal-World HTML5 ApplicationsIE9 PatternsLooking Forward
- 4. Demo Recap: Native HTML5Foursquare PlaygroundKayacSVG GirlBon Jovi Director’s CutNamco PAC-MANPaintballTry these and more at:beautyoftheweb.com
- 5. IE9 Patterns
- 6. Steps to progressMoving the Web ForwardPlatformPreviewsCommunityEngagementWebStandardsSameMarkupProgressSite-ReadyHardwareAccelerationCompetitivewith“NativeApplication”EmergingWebTechnologies
- 7. MIX10
- 8. IE9 PatternsHardware-Accelerated. Site-Ready HTML5. Same Markup.StandardsCommunity
- 10. Native and Cross-Platformhttp://www.maximumpc.com/article/news/windows_7_market_share_us_passes_xp
- 11. Same Markup and Emerging W3C Standards Site-ReadyHTML5 LabsWeb Open Font Format (WOFF)Navigation TimingTracking ProtectionIndexedDBWebSocketsFileAPIMedia Capture APIs
- 12. WebSocketsvideo
- 13. HTML5 LabsPrototypes of experimental or unstable specificationsProve out site-readiness of specifications before baking them into a releaseVisit the site at:html5labs.com
- 14. Progress, Substance, and Cadence𝑝𝑟𝑜𝑔𝑟𝑒𝑠𝑠 𝑟𝑒𝑙𝑒𝑎𝑠𝑒𝑡𝑖𝑚𝑒 𝑝𝑟𝑜𝑔𝑟𝑒𝑠𝑠𝑡𝑖𝑚𝑒 𝑝𝑟𝑜𝑔𝑟𝑒𝑠𝑠𝑟𝑒𝑙𝑒𝑎𝑠𝑒 𝑝𝑟𝑜𝑔𝑟𝑒𝑠𝑠𝑡𝑖𝑚𝑒 = 𝑝 𝑚 𝑣
- 15. An Early Look at Internet Explorer 10Looking Forward
- 16. demo
- 17. Demo Recap: IE10Performance: FishbowlCSS3 Multi-column LayoutCSS3 Grid Layout and CSS3 Flexible Box Layout ECMAScript 5 Strict ModeCSS3 GradientsCSS3 Transitionsand CSS3 3D Transforms
- 18. What’s Next?Take Advantage of IE9 Today!Emerging Standards at HTML5 Labs for your ExperimentationTake an Early Look at IE10
- 19. IE10 Platform Preview 1CSS3 GradientsCSS3 Grid, Flexbox, Multi-columnECMAScript 5 Strict Modeietestdrive.comannouncing
- 20. IE9, IE10Use, test, send feedback!www.beautyoftheweb.comwww.ietestdrive.comwww.html5labs.comalexmog@microsoft.com
Editor's Notes
- #2: Html5 = роднойязык для windowsWindows понимает сайты как программы написанные специально для него (outlook)Мы делаем систему и браузер так, чтобы максимально быстро и удобно работали сайты на современных копьютерахЮзабилитиСкоростьСтандарты
- #3: Вот что я буду рассказыватьПримеры того как это уже работает в реальных живых сайтахКак мы строили IE9, как мы принимали решения при работе над нимЧто будет дальше
- #4: Здесь я покажу существующие примеры сайтов на 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
- #5: То что мы видели совсем недавно требовало плагинов (flash, silverlight). Сегодня можно на HTML5.Разница между сайтам и приложениями (программами) стирается, они все органичнее вписываются в систему, работают так же быстро как лучшие родные приложения
- #6: А вот как мы сюда попали
- #7: Производство браузера – сложный процесс который в конце концов должен привести к прогрессу (улучшить жизнь пользователей и программистов).Здесь краткий список глобальных вещей которые нам нужно было сделать.
- #8: Это я вам показывал в прошлом году (preview IE9)За год многое изменилось...
- #9: Мы сдеалали много нового с тех пор, учитываю ваши пожелания, тренды в интернете, новые стандарты. Список расширился, что привело к прогрессу.
- #10: Вы хотите чтобы все это работало быстро и красиво. Мы сдеали лучшее что можно сделать на современных компьютерах.Таких результатов можно добиться только при отлаженном взаимодействии браузера и системы.Мы удаляем все препятствия между сайтом и железом.
- #11: Такото рода производительности можно получить только в системе которая специально для этого построена.ИЕ9 работает в ВистеИЕ10 будет в 7 и выше
- #12: Мы ориентируемся на стандарты. Решения про стандарты зависят от состояния стандартов.
- #13: Пример того как сложно поддерживать совсем новые стандарты, которые быстро развиваются...В этом видео персонажи зачитывают выдержки из блогов Firefox, Chrome и реальныз веб дезайнеровhttp://newvideos.xtranormal.com/web_final_lo/8a21f232-0313-11e0-bf4d-003048d6740d_3.mp4
- #14: Поэтому мы создали HTML5 Labs где можно экспериментировать со стандартами которые мы еще не считаем готовыми к встраиванию в браузер.www.html5labs.com
- #16: 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
- #17: Аквариум – еще быстрее, градиентыБлоги – колонки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
- #18: Это то что мы готовы показать через месяц после ИЕ9... Следите за новостями))))
- #19: А сейчас – используйте ИЕ9, может я что-то рассказал вам на пользу...Участвуйте в созданиее ИЕ10 и новых стандартов.
- #20: То что я показывал можно загрузить здесь
- #21: Q&A