Download presentation
Presentation is loading. Please wait.
1
dajbych.net @Dajbych feed.dajbych.net events.dajbych.net N ovinky v
2
Pinned Site GPU Chakra HTML5 CSS3 SVG dajbych.net @Dajbych feed.dajbych.net events.dajbych.net
4
Jméno aplikace Výchozí URL Úlohy Akce Tlačítka v náhledu Barva tlačítek Překryvná ikona Velikost okna
5
http://ie.dajbych.net
6
HTML CSS Collections Marshalling DOM Formatting HTML CSS Collections Marshalling DOM Formatting HTML CSS Collections Marshalling DOM Formatting Block Building Layout HTML CSS Collections DOM Formatting Block Building Layout Networking JavaScript Rendering IE 4/5 Quirks IE 6/7 Strict IE 8 Hybrid IE 9 Standards Layout
7
X-UA-Compatible: IE=8 application/xhtml+xml IE=5 IE=EmulateIE7 IE=7 IE=EmulateIE8 IE=8 IE=edge
8
Flying Images
9
Images Text Video SVG CSS3 Canvas
10
Images Text Video SVG CSS3 Canvas DirectX, Direct2D a DirectWrite
12
JavaScript COM call Layout Display subsystem Composition Internet Explorer 9 Internet Explorer 8
14
Images Text Video SVG CSS3 Canvas
15
Images Text Video SVG CSS3 Canvas
16
Images Text Video SVG CSS3 Canvas
17
Speed Reading
18
Všechny ActiveX prvky mohou být vykreslovány přes GPU (ISurfacePresenter) Silverligh 3 Flash 10.2 Beta
19
Bez COM call Sdílený DOM ECMAScript 5 Běh v UI Thread Optimalizace na pozadí VBScript Internet Explorer 9 DOM JavaScript (Chakra) DOM ES5 COM
20
Getter, setter Reflexe Detekce pole Readonly, sealed
21
var people = ["Bob", "Jane", "Mary", "Chris"]; for (var person in people) processPerson(people[i]); people.forEach(processPerson); Array.prototype.indexOf Array.prototype.lastIndexOf Array.prototype.every Array.prototype.some Array.prototype.forEach Array.prototype.map Array.prototype.filter Array.prototype.reduce Array.prototype.reduceRight
![var people = [ Bob , Jane , Mary , Chris ]; for (var person in people) processPerson(people[i]); people.forEach(processPerson); Array.prototype.indexOf Array.prototype.lastIndexOf Array.prototype.every Array.prototype.some Array.prototype.forEach Array.prototype.map Array.prototype.filter Array.prototype.reduce Array.prototype.reduceRight](http://images.slideplayer.com./5/1595577/slides/slide_21.jpg "var people = [ Bob , Jane , Mary , Chris ]; for (var person in people) processPerson(people[i]); people.forEach(processPerson); Array.prototype.indexOf Array.prototype.lastIndexOf Array.prototype.every Array.prototype.some Array.prototype.forEach Array.prototype.map Array.prototype.filter Array.prototype.reduce Array.prototype.reduceRight")
23
Pro streamování Silverlight Nativně H.264 DirectShow Ogg WebM
24
Space Shuttle Atlantis
25
getElementsByClassName window.location.hash window.addEventListener("hashchange", …) var parser = new DOMParser(); var xhr = new XMLHttpRequest(); var doc = parser.parseFromString(xhr.responseText, "text/xml"); var serializer = new XMLSerializer(); var xmlString = serializer.serializeToString(doc);
26
if (window.DOMParser) { // Code relying on DOMParser support } else { // Fallback code }
27
if (window.XMLSerializer) { // Code relying on XMLSerializer support } else { // Fallback code }
28
if (localStorage) { var data1 = 'zapamatováníhodná data'; var key = 'data'; localStorage.setItem(key, data1); var data2 = localStorage.getItem(key); }
29
if (window.addEventListener) { window.addEventListener('load', Init, false); } else if (window.attachEvent) { window.attachEvent('onload', Init); } function Init() { }
30
window.addEventListener
31
2D Grafy Diagramy Animace 3D Technologické demonstrátory
32
Canvas Pad
33
2D Transforms Backgrounds & Borders Color Fonts Media Queries Namespaces Selectors
34
Moraine Lake
35
background-color: rgba(255,0,0,0.5); background-color: rgba(100%,0%,0%,0.5); background-color: hsl(0,100%,50%); background-color: hsla(0,100%,50%,0.5); opacity: 0.6; opacity: 80%;
36
Mozilla, Opera, Microsoft Podpora ve všech hlavních prohlížečích WOFF TrueType OpenType Open Font Format
37
Ubuntu font
38
@media screen and (max-width:400px) @media screen and (max-width:400px) and … min- / max- width height device-width device-height resolution aspect-ratio device-aspect-ratio color color-index monochrome orientation scan grid
39
CSS3 Selectors Test
40
Kód v HTML či XHTML Přístup přes DOM pomocí JavaScript
41
The Microsoft Dynamics Customer Model
42
http://netstudent.cz
43
Pinned Site GPU Chakra HTML5 CSS3 SVG dajbych.net @Dajbych feed.dajbych.net events.dajbych.net
44
© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
Similar presentations
