HTML 5 Development for Windows Phone and Windows Desktop Ben Riga Technical Evangelist Windows Phone [email protected]@benriga http://blogs.msdn.com/benriga/ Bay Area Mobile Meetup Oct 6, 2011 Doris Chen Ph.D. Developer Evangelist US West Region [email protected]@doristchen http://blogs.msdn.com/dorischen/
In this session Ben Riga and Doris Chen from Microsoft will join us. Ben and Doris will give us an overview of Microsoft’s overall HTML 5 strategy overview including Internet Explorer on the desktop. They will also show us Windows Phone and Internet Explorer for Windows Phone. And finally they’ll provide a quick overview of the recently announced PhoneGap for Windows Phone.
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
HTML 5 Development for Windows Phone and Windows Desktop
Ben Riga Technical Evangelist Windows Phone [email protected] @benriga http://blogs.msdn.com/benriga/
Bay Area Mobile Meetup Oct 6, 2011
Doris Chen Ph.D. Developer Evangelist US West Region [email protected] @doristchen http://blogs.msdn.com/dorischen/
Agenda
Windows Phone – A Quick Look
Microsoft and HTML 5
Internet Explorer on the desktop, Windows Phone
A preview of PhoneGap on Windows Phone
Windows Phone Microsoft confidential.
A quick look at Windows Phone
vs. People Icons
5
Internet beyond the browser. A fast, beautiful web experience
with Internet Explorer 9 and hardware acceleration.
Local Scout provides suggestions and prioritized local search results on restaurants, shopping and things to do.
Modern communication built in.
People Hub with Facebook, LinkedIn and Twitter, built in.
Group friends, pin them to Start for live updates and text, email and IM them all at once.
Facebook Chat, Messenger, check-ins, and photo tagging built in.
A smarter way to app. Pin apps to the Start screen for
live updates at a glance.
Apps connected to your searches make them easier to discover and use.
Windows Phone puts people at the center making it easier to connect and share with friends, family and colleagues, so you never miss a moment.
Agenda Windows Phone – A Quick Look
Microsoft and HTML 5
Internet Explorer on the desktop, Windows Phone
A preview of PhoneGap on Windows Phone
Windows Phone Microsoft confidential.
A quick look at Windows Phone
vs. People Icons
9
Internet beyond the browser. A fast, beautiful web experience
with Internet Explorer 9 and hardware acceleration.
Local Scout provides suggestions and prioritized local search results on restaurants, shopping and things to do.
Modern communication built in.
People Hub with Facebook, LinkedIn and Twitter, built in.
Group friends, pin them to Start for live updates and text, email and IM them all at once.
Facebook Chat, Messenger, check-ins, and photo tagging built in.
A smarter way to app. Pin apps to the Start screen for
live updates at a glance.
Apps connected to your searches make them easier to discover and use.
Windows Phone puts people at the center making it easier to connect and share with friends, family and colleagues, so you never miss a moment.
Windows Phone Microsoft confidential.
Microsoft and HTML 5
What Developers Told Us Interoperability and Same Markup
HTML5 Canvas, Audio, Video, XHTML, SVG, DOM L2 Core, DOM L2 & L3 Events, CSS3 Selectors, DOM Traversal, DOM Range, HTML5 Parsing, etc.
Performance Holistic Focus on Performance, Faster JavaScript, GPU Powered
Graphics
Websites more like native applications Reducing the User Interface surface area, Unlocking the
Hardware
Safe and Trusted Browsing No ActiveX Controls, no Browser Helper Objects, no Plug-ins or
width Indicates an output surface, such as a window, of exactly width units (px, etc.)
height Indicates an output surface, such as a window of exactly height units
device-width Indicates a device that has exactly the given width, in given units
device-height Indicates a device that has exactly the given height, in given units
orientation Used with “portrait” or “landscape” for devices that can do both.
Using Media Queries
<link rel=“stylesheet” media=“screen and (min-width:480px) and (max-width:800px)” href=“styles.css”> @media screen and (min-width:480px) and (max-width:800px){ /* style definitions that apply to screens less than 800px wide */ }
<link rel=“stylesheet” media=“screen and (max-device-width:800px)” href=“styles.css”> @media screen and (max-device-width:800px) { /* style definitions that apply to screens less than 800px wide */ }
HTML 5 Development for Windows Phone and Windows Desktop
Ben Riga Technical Evangelist Windows Phone [email protected] @benriga http://blogs.msdn.com/benriga/
Bay Area Mobile Meetup Oct 6, 2011
Doris Chen, Ph.D. Developer Evangelist US West Region [email protected] @doristchen http://blogs.msdn.com/dorischen/
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.
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.