Abstract: In this step-by-step series, we will show you how you can create a lightweight, dynamic version of the Memory Game in Blend using CSS3, HTML5 and JavaScript. Part 1 will show you how to create and define a style rule in Blend. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDK Step #2 – Download Visual Studio Express for Windows 8 Step #3 – Start building your own Apps for Windows 8 Watch the rest of the series by clicking any of the following links: (Part 1) Using Blend to Design HTML5 Windows 8 Apps: Creating and Defining Style Rules (Part 2) Using Blend to Design HTML5 Windows 8 Apps: Creating a Grid Layout (Part 3) Using Blend to Design HTML5 Windows 8 Apps: Aligning Content (Part 4) Using Blend to Design HTML5 Windows 8 Apps: Styling the Game Board (Part 5) Using Blend to Design HTML5 Windows 8 Apps: Using Style Cards (Part 6) Using Blend to Design HTML5 Windows 8 Apps: Support Portrait View (Part 7) Using Blend to Design HTML5 Windows 8 Apps: Build and Run Project in Blend and Visual Studio Step-by-Step Instructional Articles: Using Blend to Design HTML5 Windows 8 Application (Part II): Style, Layout and Grid Using Blend to Design HTML5 Windows 8 Application (Part III): Style Game Board, Cards, Support Different Device, View States

Abstract: In this step-by-step series, we will show you how you can create a lightweight, dynamic version of the Memory Game in Blend using CSS3, HTML5 and JavaScript. Part 2 will show you how to create a Grid Layout. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDK Step #2 – Download Visual Studio Express for Windows 8 Step #3 – Start building your own Apps for Windows 8 Watch the rest of the series by clicking any of the following links: (Part 1) Using Blend to Design HTML5 Windows 8 Apps: Creating and Defining Style Rules (Part 2) Using Blend to Design HTML5 Windows 8 Apps: Creating a Grid Layout (Part 3) Using Blend to Design HTML5 Windows 8 Apps: Aligning Content (Part 4) Using Blend to Design HTML5 Windows 8 Apps: Styling the Game Board (Part 5) Using Blend to Design HTML5 Windows 8 Apps: Using Style Cards (Part 6) Using Blend to Design HTML5 Windows 8 Apps: Support Portrait View (Part 7) Using Blend to Design HTML5 Windows 8 Apps: Build and Run Project in Blend and Visual Studio Step-by-Step Instructional Articles: Using Blend to Design HTML5 Windows 8 Application (Part II): Style, Layout and Grid Using Blend to Design HTML5 Windows 8 Application (Part III): Style Game Board, Cards, Support Different Device, View States

Abstract: In this step-by-step series, we will show you how you can create a lightweight, dynamic version of the Memory Game in Blend using CSS3, HTML5 and JavaScript. Part 3 will show you how to align content. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDK Step #2 – Download Visual Studio Express for Windows 8 Step #3 – Start building your own Apps for Windows 8 Watch the rest of the series by clicking any of the following links: (Part 1) Using Blend to Design HTML5 Windows 8 Apps: Creating and Defining Style Rules (Part 2) Using Blend to Design HTML5 Windows 8 Apps: Creating a Grid Layout (Part 3) Using Blend to Design HTML5 Windows 8 Apps: Aligning Content (Part 4) Using Blend to Design HTML5 Windows 8 Apps: Styling the Game Board (Part 5) Using Blend to Design HTML5 Windows 8 Apps: Using Style Cards (Part 6) Using Blend to Design HTML5 Windows 8 Apps: Support Portrait View (Part 7) Using Blend to Design HTML5 Windows 8 Apps: Build and Run Project in Blend and Visual Studio Step-by-Step Instructional Articles: Using Blend to Design HTML5 Windows 8 Application (Part II): Style, Layout and Grid Using Blend to Design HTML5 Windows 8 Application (Part III): Style Game Board, Cards, Support Different Device, View States

Abstract: In this step-by-step series, we will show you how you can create a lightweight, dynamic version of the Memory Game in Blend using CSS3, HTML5 and JavaScript. Part 4 will show you how to style the game board. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDK Step #2 – Download Visual Studio Express for Windows 8 Step #3 – Start building your own Apps for Windows 8 Watch the rest of the series by clicking any of the following links: (Part 1) Using Blend to Design HTML5 Windows 8 Apps: Creating and Defining Style Rules (Part 2) Using Blend to Design HTML5 Windows 8 Apps: Creating a Grid Layout (Part 3) Using Blend to Design HTML5 Windows 8 Apps: Aligning Content (Part 4) Using Blend to Design HTML5 Windows 8 Apps: Styling the Game Board (Part 5) Using Blend to Design HTML5 Windows 8 Apps: Using Style Cards (Part 6) Using Blend to Design HTML5 Windows 8 Apps: Support Portrait View (Part 7) Using Blend to Design HTML5 Windows 8 Apps: Build and Run Project in Blend and Visual Studio Step-by-Step Instructional Articles: Using Blend to Design HTML5 Windows 8 Application (Part II): Style, Layout and Grid Using Blend to Design HTML5 Windows 8 Application (Part III): Style Game Board, Cards, Support Different Device, View States

Abstract: In this step-by-step series, we will show you how you can create a lightweight, dynamic version of the Memory Game in Blend using CSS3, HTML5 and JavaScript. Part 5 will show you how to use Style Cards. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDK Step #2 – Download Visual Studio Express for Windows 8 Step #3 – Start building your own Apps for Windows 8 Watch the rest of the series by clicking any of the following links: (Part 1) Using Blend to Design HTML5 Windows 8 Apps: Creating and Defining Style Rules (Part 2) Using Blend to Design HTML5 Windows 8 Apps: Creating a Grid Layout (Part 3) Using Blend to Design HTML5 Windows 8 Apps: Aligning Content (Part 4) Using Blend to Design HTML5 Windows 8 Apps: Styling the Game Board (Part 5) Using Blend to Design HTML5 Windows 8 Apps: Using Style Cards (Part 6) Using Blend to Design HTML5 Windows 8 Apps: Support Portrait View (Part 7) Using Blend to Design HTML5 Windows 8 Apps: Build and Run Project in Blend and Visual Studio Step-by-Step Instructional Articles: Using Blend to Design HTML5 Windows 8 Application (Part II): Style, Layout and Grid Using Blend to Design HTML5 Windows 8 Application (Part III): Style Game Board, Cards, Support Different Device, View States

Abstract: In this step-by-step series, we will show you how you can create a lightweight, dynamic version of the Memory Game in Blend using CSS3, HTML5 and JavaScript. Part 6 will show you how to support portrait view. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDK Step #2 – Download Visual Studio Express for Windows 8 Step #3 – Start building your own Apps for Windows 8 Watch the rest of the series by clicking any of the following links: (Part 1) Using Blend to Design HTML5 Windows 8 Apps: Creating and Defining Style Rules (Part 2) Using Blend to Design HTML5 Windows 8 Apps: Creating a Grid Layout (Part 3) Using Blend to Design HTML5 Windows 8 Apps: Aligning Content (Part 4) Using Blend to Design HTML5 Windows 8 Apps: Styling the Game Board (Part 5) Using Blend to Design HTML5 Windows 8 Apps: Using Style Cards (Part 6) Using Blend to Design HTML5 Windows 8 Apps: Support Portrait View (Part 7) Using Blend to Design HTML5 Windows 8 Apps: Build and Run Project in Blend and Visual Studio Step-by-Step Instructional Articles: Using Blend to Design HTML5 Windows 8 Application (Part II): Style, Layout and Grid Using Blend to Design HTML5 Windows 8 Application (Part III): Style Game Board, Cards, Support Different Device, View States

CleanVideoHow Do I: (Part 7) Using Blend to Design HTML5 Windows 8 Apps: Build and Run Project in Blend and Visual Studio

Abstract: In this step-by-step series, we will show you how you can create a lightweight, dynamic version of the Memory Game in Blend using CSS3, HTML5 and JavaScript. Part 7 will show you how to build and run Project in Blend and Visual Studio. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDK Step #2 – Download Visual Studio Express for Windows 8 Step #3 – Start building your own Apps for Windows 8 Watch the rest of the series by clicking any of the following links: (Part 1) Using Blend to Design HTML5 Windows 8 Apps: Creating and Defining Style Rules (Part 2) Using Blend to Design HTML5 Windows 8 Apps: Creating a Grid Layout (Part 3) Using Blend to Design HTML5 Windows 8 Apps: Aligning Content (Part 4) Using Blend to Design HTML5 Windows 8 Apps: Styling the Game Board (Part 5) Using Blend to Design HTML5 Windows 8 Apps: Using Style Cards (Part 6) Using Blend to Design HTML5 Windows 8 Apps: Support Portrait View (Part 7) Using Blend to Design HTML5 Windows 8 Apps: Build and Run Project in Blend and Visual Studio Step-by-Step Instructional Articles: Using Blend to Design HTML5 Windows 8 Application (Part II): Style, Layout and Grid Using Blend to Design HTML5 Windows 8 Application (Part III): Style Game Board, Cards, Support Different Device, View States

Abstract: Integrating Geolocation into your Windows 8 Game is fast, easy, and can be implemented on any Windows 8 capable hardware. In this screencast, we will cover the differences in determining location in HTML5 and in Windows RT, what steps the platform takes to protect end users’ privacy, as well as think up scenarios where location can add value to a game. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDKStep #2 – Download Visual Studio Express for Windows 8Step #3 – Start building your own Apps for Windows 8

Abstract: One of the nicest things about JavaScript is the way it considers function. Instead of being wholly owned subsidiaries of classes, functions are as portable as any other object, and their arguments are dynamic too. This makes for some elegant event handling. In this screencast, Jeremy Foster will attempt to give you a taste of how to wire up events in a Windows 8 app using JavaScript. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDKStep #2 – Download Visual Studio Express for Windows 8Step #3 – Start building your own Apps for Windows 8

CleanVideoHow Do I: Accessing the Camera in a Windows 8 App using HTML and JavaScript

Abstract: This short screencast will show you how to access the Camera in your own Windows 8 App using HTML and JavaScript. We do this in a fun, immersive way utilizing this free tool. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDKStep #2 – Download Visual Studio Express for Windows 8Step #3 – Start building your own Apps for Windows 8

Abstract: This video demonstrates how to integrate custom App Bar icon images in HTML and JavaScript – along with the various options for positioning App Bar elements on the bottom and top of the screen. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDKStep #2 – Download Visual Studio Express for Windows 8Step #3 – Start building your own Apps for Windows 8

Abstract: This screencast discusses the lifetime of a Windows 8 Application and demonstrates what a developer needs to do to plan for the activation, suspension, and resumption of an app. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDKStep #2 – Download Visual Studio Express for Windows 8Step #3 – Start building your own Apps for Windows 8

Abstract: This video introduces and demonstrates the basic techniques needed to implement the Settings contract in a Windows 8 application using the WinJS libraries. You’ll see how to create the markup and script to implement and wire up a WinJS SettingsFlyout control that will smoothly integrate your app’s settings experience with the Windows 8 settings charm, making your apps settings easily discoverable, and consistent with other Windows 8 apps. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDKStep #2 – Download Visual Studio Express for Windows 8Step #3 – Start building your own Apps for Windows 8

Abstract: Most users have experienced optical zooming which allows them to use a familiar pinching gesture to scale the elements on the display. In a similar fashion, semantic zoom allows the user to zoom in or out on lists of data. It transforms the list in a way that helps the user to get oriented and to quickly access what he is looking for. Learn how to implement semantic zoom in your Windows 8 application using HTML and JavaScript. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDKStep #2 – Download Visual Studio Express for Windows 8Step #3 – Start building your own Apps for Windows 8

CleanVideoHow Do I: Add Music and Sound Effects to a Windows 8 Application?

Abstract: This short screencast will show you how to add Music and Sound Effects to your own Windows 8 app using HTML5 and JavaScript. We do this in a fun, immersive way utilizing this free tool. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDKStep #2 – Download Visual Studio Express for Windows 8Step #3 – Start building your own Apps for Windows 8

CleanVideoHow Do I: Support Page Navigation in a Windows 8 Application?

Abstract: Windows 8 applications developed in HTML and JavaScript share functionality with web sites including hyperlinking. But sometimes hyperlinking is not powerful enough for modern applications. Learn to use the navigation pattern in Windows 8 to take control of the user’s navigation path, navigate back or forward, and persist their state no matter where they go. Next Steps: Step #1 – Download Windows 8 Release Preview and Windows 8 SDKStep #2 – Download Visual Studio Express for Windows 8Step #3 – Start building your own Apps for Windows 8