Sessions at Microsoft BUILD 2011 about HTML5 on Thursday 15th September

Animations are fundamental in making Metro style apps lively and beautiful. Discover the animation library in Windows 8 and see how to bring these great animations to your apps with standard CSS 3.0 transitions and animations. In this session, you will learn how using standard templates and controls bring these polished animations along for free. You will also explore the library and learn how to add these smooth and elegant animations and transitions from the Windows 8 personality to your app’s experience!

HTML5 is ushering in a new era of graphically rich, visually compelling and highly interactive Web sites and apps. This session outlines some of what you can do with new HTML5 and CSS3 features introduced in Internet Explorer versions 9 and 10, including Web Open Font Format (WOFF) fonts, 2D & 3D transforms, transitions, animations, gradients, box and text shadow, border-radius, multi-column layout, inline SVG, and canvas.

Through this session, learn how to take full advantage of local computer devices and resources without sacrificing traditional Web content and services. Come to this session to learn how Windows 8 enables you to integrate these capabilities in your apps while minimizing the risks associated with accessing content from the Web, even from untrusted sources. You will see how easy it is to bring your Metro style apps to life with dynamic content, Web data feeds, and OAuth-based services while maintaining the integrity of your Windows app.

Learn how to use Expression Blend to visually construct, style and layout Metro style apps using HTML for Windows 8. In this session, we will demonstrate how Expression Blend makes it possible to create a better user experience with greater productivity. We’ll start with semantic markup and JavaScript-generated content, and then we will demonstrate how to use Expression Blend to customize the user experience for Windows 8.

As you build your Metro style app using HTML5, follow these concrete and useful best practices to ensure it is safe and secure. In this session, you will learn patterns for handling untrusted input, working with Web content and protecting sensitive data thereby inspiring confidence in your users that your app will keep their data safe.

Create and build accessible Metro style apps to reach more customers. Accessibility support is built into each stage of creating an app and includes accessible templates, samples, controls and accessibility testing tools. Come learn how to make your apps accessible in screen reading, keyboard navigation and visual experience with a minimal amount of effort. You will also learn how to make your app more visible and how to sell your app in the Windows Store.

You already have a Web app on the Internet and want to reach customers with a new, targeted experience on Windows. Come get practical guidance on how to reuse your Web assets while avoiding common pitfalls. You'll learn techniques for turning your HTML5, CSS and JavaScript into a great Windows app including touch-enablement, adopting the Windows look and feel, and system integration. You'll be armed with shortcuts, tips, and expert advice that’ll accelerate your move from Web to Windows Metro style apps.

Designing a new Metro style app with CSS3 can be intimidating at first. With such a large blank canvas at your disposal, it can be difficult knowing where to start. Come learn how to design your Metro style apps by using HTML5 and CSS3 features like regions, grid layout, flexible box layout, multiple columns, text-wrap around images and hyphenation.

At this session, learn exciting ways to expose collections of content using the ListView control, a fast and easy way to make collections take on the Windows 8 look and feel. Come and learn about the powerful capabilities of this control and best practices to make your app shine.

In this session, you'll deep dive into debugging your Metro style apps using HTML, including how to handle first-chance exceptions, how to debug on the simulator, local machines and remote machines, how to use Blend to see your app running in multiple-view states and resolutions, how to use the DOM Explorer and the JavaScript Console and more! If you want to chase the bugs out of your Metro style apps using HTML, don't miss this talk!

Discover how to build on basic collections and lists by bringing live data from cloud and local sources into your app, and use the ListView control to present your data in an engaging and interactive way. Use templating and data binding features, create custom adapters to interface with your data sources, and handle virtualization, grouping, editing and change notifications to create a seamless app experience.

Windows 7 introduced Play To in order for customers to view media content on TVs or on compatible media receivers. Windows 8 extends Play To experiences to Metro style apps and HTML5 web pages.This session will cover the experience principles, app architectures and certification requirements necessary to build network media devices that work great with Play To apps.

Now that you are familiar with writing Metro style apps using HTML5, come learn how to make your apps fast and responsive. In this session, we'll cover best practices to keep your app's UI thread unblocked, methods guaranteed to speed up your app's load times, and techniques to tune your app's performance and power consumption.

As web apps increase in popularity and capture more user information, users expect (or are selecting solutions that enable them) to be able to access that information when they are not connected to the internet. Learn how to use HTML5 technologies like IndexedDB, App Cache, DOM Storage and File API to enable the creation of web apps that cache data locally and access it without being online.