11. 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
13. 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
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 и новых стандартов.