MIX 2011 Las Vegas – HTML5 Sessions

Title

Abstract

Speaker 1

5 Things You Need To Know To Start Using <video> and <audio> Today

Come along to this session to get an overview of the new video and audio tags from the HTML5 specification. Discover how to use them to play media in modern browsers and on mobile devices. Learn the most advanced techniques and best practices, including encoding optimizations, custom skinnable players, full screen workarounds, seeking settings and fallback scenarios for legacy browsers.

Nigel Parker

50 Performance Tricks to Make Your HTML5 Web Sites Faster

Learn how you can make your sites faster directly from the Internet Explorer Performance Team. These are the same guys who brought you GPU accelerated graphics and compiled JavaScript with Internet Explorer 9, and they’re going to share their favorite 50 best practices for web developers. This session will provide an inside look into browser performance, discuss why common web best practices are important, and then go deep into how to get the most from new HTML5 capabilities including Canvas, Audio, Video, SVG, local storage, and more.

Jason Weber

Adding the Awesomesauce Flavor with Internet Explorer 9 Pinned Sites

By now, you’ve heard about pinned sites in Internet Explorer 9. And, you’ve probably even used them yourself. But, did you know that this feature can help increase site visits and engagements by as much as 50%? In this session, you’ll hear stories of Pinned Site implementations by some of the most popular websites on the web today. You’ll also discover how to support pinned sites with a few lines of markup. Finally, you’ll learn best practices that will help you deliver an awesome experience to your visitors.

John Bristowe

Data in an HTML5 World

Come and learn about ‘datajs’. datajs is a new cross-browser JavaScript library that enables better data-centric web application by leveraging HTML5 browser features and modern protocols such as OData. It’s designed to be small, fast, and provide functionality for structured queries, data modification, and interaction with various cloud services, including Windows Azure.

Asad Khan

Deep Dive Into HTML5 <canvas>

If you’ve seen the demos for Internet Explorer 9’s hardware accelerated graphics, you are probably excited to learn the details of HTML5 Canvas. With all major browsers supporting HTML5 Canvas, a scriptable 2D drawing context, Canvas is quickly becoming the natural choice for graphics on the web.  In this session, you will learn advanced Canvas concepts (including the origin-clean security and the Canvas Drawing Model), understand when to use Canvas versus SVG and get a deeper look at how the Internet Explorer team solved interoperability issues as we implemented the specification. You will learn to build HTML5 Canvas websites through best practices and lots of code samples.

Jatinder Mann

Going Mobile with Your Site on Internet Explorer 9 and Windows Phone 7

The mobile Web is here, it’s huge, and your business can’t afford to ignore it. Mobile users have come to expect their favorite Web sites to give them a great mobile experience – otherwise, they find new favorite sites that do. In this session, Joe Marini, Principal Program Manager for Internet Explorer on Windows Phone will take you through the design and experience principles you need to consider when creating your mobile Web presence, teach you about the exciting new HTML5 capabilities that Internet Explorer 9 on Windows Phone 7 will support, and show you how to give your sites the next-generation features you need to engage your users on their smartphones.

Joe Marini

HTML5 for Silverlight Developers

Let’s say you are in love with Silverlight, .NET and the power of Visual Studio. Then one day you hear the world talking about HTML5 all at once. Why? What’s that thing? In this session you will understand what HTML5, CSS3 and ECMAScript 5 are through the lens of a XAML and C# developer. You will learn to use the best of both worlds to build your next beautiful applications. Expect a lot of technical demo and samples!

Giorgio Sardo

Modernizing Your Website: SVG meets HTML5

Scalable Vector Graphics (SVG) integrates with the HTML5 and CSS features to unleash some of the most beautiful experiences on the web. In this session we’ll explain what is SVG and when you should consider using it instead of other alternatives. We’ll show you how to create content that is interoperable across browsers and devices. We’ll cover common pitfalls to avoid, as well as look at the best SVG tools and libraries available to developers. We’ll walk through code samples to learn first-hand how you can bring a high quality, interactive SVG experience to your customers.

Jennifer Yu

Reactive Extensions for JavaScript (RxJS)

Nobody likes sluggish web interfaces that get stuck when interacting with servers and services.  Asynchrony has become the way of life to enhance user experiences.  The A in AJAX pinpoints this observation precisely.  Moreover, the sheer amount of asynchronous data sources is overwhelming: stock tickers, Twitter quotes, RSS feeds, you name it.  Unfortunately, the programmability story for each of those sources differs significantly, with little to no unification or compositionality.  Got tired of writing cumbersome code with plenty of callbacks, tedious logic and tricky error handling?  Enter the Reactive Extensions, a library to seamlessly compose all kinds of asynchronous “reactive” data streams using LINQ-style query operators, available for both .NET and JavaScript (RxJS).  Come and learn how Rx will make your life as a web developer easier when dealing with the asynchronous reality of modern web programming.

Bart De Smet

The Devil Went Down to HTTP: Debugging with Fiddler

Fiddler is a popular and extensible web debugger used to debug traffic from any web browser or client, including applications running on Windows Phone 7. In this session, we’ll use Fiddler to debug common web application problems and explore how Internet Explorer 9’s features interact with the network. You’ll see how Fiddler’s new Import / Export architecture can be used to interoperate with captures in the HTTP Archive Format and captures collected by the Internet Explorer 9 F12 Developer Tools. We’ll dive deep into the powerful enhancements made to the AutoResponder, and use it to debug issues even while working offline. The latest features in the standalone FiddlerCap capture tool will be demonstrated, and I’ll conclude by explaining how to integrate the FiddlerCore library into your automated testing processes.

Eric Lawrence

The Future of HTML5

We love HTML5 so much that we want it to actually work – in an interoperable, predictable manner across all browsers. In this session you will learn the current status of HTML5 and the Open Web Platform and what will take to bring it to a Recommendation. You will also preview the next emerging standards and understand Microsoft implementation approach through prototypes. Finally ride the DeLorean at 88mph and discover some of the work being done by Microsoft with the W3C on what will lead into HTML6.

Giorgio Sardo

The View of the World Depends on the Glasses I Wear

There is no mobile Web, there is no desktop Web, and there is no tablet Web. We view the same Web just in different ways. So how do we do it? Sitting next to HTML5 is its friend CSS3 with its support for Media Queries. Media Queries let you customize your web experience based on parameters of display, device, properties and more. If you are a designer or front-end developer, come to this session to explore the sheer brutality of CSS3 Media Queries.

Thomas Lewis