Are you looking for a HTML5/CSS authoring tool on Windows 8? Blend is the tool.
In this blog series, you will get an overview of Blend and the great features it provides for allowing you to build great Windows applications. This blog series will help you better understand the following:
- · How to use Blend to visually style a grid-based Metro style app
- · How to use Blend in Interactive Mode to style a run-time state
- · How to use Blend to visually style a Metro style app in a variety of views and orientations
Some of the features in Blend
- Visual design – Visually edit HTML, CSS, and Metro style controls. What you see in Blend is what users will see in Windows 8 Release Preview.
- Interactive Mode – Design your app in states that would otherwise be available only at run time, without having to endlessly compile and run.
- App building – Drag and drop Metro style controls onto the design surface, set their properties, and style them.
- Powerful code generation – When you add a new style or element to an app, Blend takes care of all the syntax and generates concise, reliable, predictable code.
Blend is now included in Visual Studio 2012, including the free Express for Windows 8 version for authoring Win 8 store apps. With one fast download and install you get VS for your coding-centric tasks and Blend for visual authoring.
Before you install Blend , first you need to install Windows 8 on your system. You must run Blend on Windows 8 to develop Windows 8 store style apps. If you are running Blend on Windows 7, you can't develop Windows 8 style apps.
You can download the free Visual Studio 2012 Express for Windows 8, which includes Blend, or free trial versions of Visual Studio 2012 with Blend today. Visual Studio 2012 and Blend can also be downloaded from MSDN today if you’re an MSDN Subscriber.
Difference between Windows 8 app vs Web App
First Hello World Application
A classic hello world example is always good to get start with. You will Learn the basics of the Blend UI and how to start working with the content creation and styling features you have available. This demo is from Kirupa Chinnathambi at BlendInsider
In the next two blogs, we will be demonstrate how to create a lightweight, dynamic version of the memory game Windows 8 style application using HTML5/CSS3.
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