This presentation is from a talk I gave at the spring 2012
DevConnections conference. It covers some of the key topics you need to know to get started building Windows 8 HTML/JavaScript Metro apps including navigation options, UI surfaces that can be used, controls, data binding and templates, and animations.
View more of my presentations
here.
Sample code shown in the presentation can be
found here. A large number of samples are available in the Windows 8 SDK which can be
found here.
It’s that time of the year again!
DevConnections 2012 is right around the corner and we have a lot of great new workshops and sessions planned for the ASP.NET and Client-Dev (HTML5, Windows 8 Metro, JavaScript, jQuery, etc.) tracks.
The keynote at DevConnections will be given by the one and only
Scott Guthrie who’s always up to something cool and is a lot of fun to listen to.
Read the full post
At the
//build/ conference, Christian Schormann presented
A deep dive into Expression Blend for designing Metro style Apps with HTML that showed step-by-step how you can use Blend to create a UI from scratch in less than an hour.
The game he created is the basis for the nine-part end-to-end tutorial just we’ve just published. When you’re ready to try your hand at creating the UI for yourself, check out our step-by-step instructions. You’ll get to practice layout and styling for Windows 8 Metro style apps.
Read the full post
This tutorial provides a walkthrough for building and running your app.
About this series: this tutorial series can help you get started with basic design tasks in Blend 5 for Windows Developer Preview. When you complete all the steps of this tutorial series, you will have created a lightweight, dynamic version of the memory game commonly referred to as “Concentration.” In the game, a number of cards are laid face down. The objective of the game is to turn over pairs of matching cards until all of the matching pairs have been revealed.
Read the full post
This tutorial provides a walkthrough for adding CSS transitions to the game cards for your app.
About this series: this tutorial series can help you get started with basic design tasks in Blend 5 for Windows Developer Preview. When you complete all the steps of this tutorial series, you will have created a lightweight, dynamic version of the memory game commonly referred to as “Concentration.” In the game, a number of cards are laid face down. The objective of the game is to turn over pairs of matching cards until all of the matching pairs have been revealed.
Read the full post
This tutorial provides a walkthrough for styling the game cards for your app.
About this series: this tutorial series can help you get started with basic design tasks in Blend 5 for Windows Developer Preview. When you complete all the steps of this tutorial series, you will have created a lightweight, dynamic version of the memory game commonly referred to as “Concentration.” In the game, a number of cards are laid face down. The objective of the game is to turn over pairs of matching cards until all of the matching pairs have been revealed.
Read the full post
This tutorial provides a walkthrough for styling the game board and the items in the game board for your app.
About this series: this tutorial series can help you get started with basic design tasks in Blend 5 for Windows Developer Preview. When you complete all the steps of this tutorial series, you will have created a lightweight, dynamic version of the memory game commonly referred to as “Concentration.” In the game, a number of cards are laid face down. The objective of the game is to turn over pairs of matching cards until all of the matching pairs have been revealed.
Read the full post
This tutorial provides a walkthrough for aligning content to the flexible CSS grid for your app. Apps based on a flexible grid can adapt to run on a variety of devices with different display sizes, aspect ratios, and screen resolutions.
About this series: this tutorial series can help you get started with basic design tasks in Blend 5 for Windows Developer Preview. When you complete all the steps of this tutorial series, you will have created a lightweight, dynamic version of the memory game commonly referred to as “Concentration.” In the game, a number of cards are laid face down. The objective of the game is to turn over pairs of matching cards until all of the matching pairs have been revealed.
Read the full post
This tutorial provides a walkthrough for creating a flexible CSS grid for your app. Apps based on a flexible grid can adapt to run on a variety of devices with different display sizes, aspect ratios, and screen resolutions.
About this series: this tutorial series can help you get started with basic design tasks in Blend 5 for Windows Developer Preview. When you complete all the steps of this tutorial series, you will have created a lightweight, dynamic version of the memory game commonly referred to as “Concentration.” In the game, a number of cards are laid face down. The objective of the game is to turn over pairs of matching cards until all of the matching pairs have been revealed.
Read the full post
This tutorial provides a walkthrough for creating the basic style sheet you need to start the Memory game project. In addition, this tutorial provides tips for working with existing style sheets, including using tools like the Live DOM, CSS Properties, and Applied Styles panes.
About this series: this tutorial series can help you get started with basic design tasks in Blend 5 for Windows Developer Preview. When you complete all the steps of this tutorial series, you will have created a lightweight, dynamic version of the memory game commonly referred to as “Concentration.” In the game, a number of cards are laid face down. The objective of the game is to turn over pairs of matching cards until all of the matching pairs have been revealed.
Read the full post
< older posts
This presentation is from a talk I gave at the spring 2012 DevConnections conference. It covers some of the key topics you need to know to get started building Windows 8 HTML/JavaScript Metro apps including navigation options, UI surfaces that can be used, controls, data binding and templates, and animations.