By Doris Chen

Using Blend to Design HTML5 Windows 8 Apps

By Doris Chen

In this series of videos, Doris Chen will show you how you can create a lightweight, dynamic version of the Memory Game in Blend using CSS3, HTML5 and JavaScript.

The series consists of seven videos, which we have gathered together on this one page.

If you intend to work through the instructions, you should:
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


Creating and Defining Style Rules

Creating a Grid Layout

Aligning Content

Styling the Game Board

Using Style Cards

upport Portrait View

Build and Run Project in Blend and Visual Studio

These videos were first posted at Channel 9, where links are also available to download the videos in the following formats: MP3 (Audio only), MP4 (iPod, Zune HD), High Quality MP4 (iPad, PC), Mid Quality MP4 (WP7, HTML5) and High Quality WMV (PC, Xbox, MCE).

  • Nice blog.. thanks for sharing this information with us…

  • Lol, i thought this is the blender for rendering image for visual studio, which is blender animation, because the name almost similar blend, blender …

  • Might be a good idea to add a sentence explaining what ‘Blend’ is. Most readers will be familiar with HTML5, CSS etc. but probably not Blend, I know I hadn’t heard of it.

  • Thank you for sharing this valuable and impressive blog post. Really this is one of the good source of using blend tutorial. Actually i never thought about using blend before for blogging purpose. When i interest to read blog, i just visit them and i think it would not only help for creative purpose but also help eliminate publishing. I guess i should start using them to organize HTML5.

Get the latest in Front-end, once a week, for free.