- HOW TO INSTALL BLEND FOR VISUAL STUDIO 2017 HOW TO
- HOW TO INSTALL BLEND FOR VISUAL STUDIO 2017 INSTALL
HTML Attributes Windows – This window allows us to set different properties/attribute values of a selected HTML Element as shown below – (I have selected an Image Element from Live DOM window).ģ. Live DOM Window – Live DOM window displays all the contents of our HTML document in a tree view structure as shown below –Ģ. It also helps us to create new external style sheets or add style with new media queriesġ. This window allows us to see existing CSS files structure in a hierarchical view. This helps us develop and test our app with different devices that have different view characteristics (like dpi and resolution) so that our page will fit in different devices. It also allows us to use different scale modes. The Device Window allows us to view our page layout in different ways like “Landscape”, “Filled”, “Snapped” and “Portrait”. You can use the drag and drop functionality and design the screens as per your prototype. You can take an advantage of both the control models for designing the screens. The Assets WindowĪssets windows displays HTML elements as well as dynamic controls which are designed by using Java Script called “Windows Library for JavaScript”. We have chosen the Blank App template, so we are getting the ‘CSS’, ‘images’ and ‘js’ folder along with “default.html ” page. The items under your project will change based on the choice of the template which you are using while creating the project. It is similar to the Solution Explorer in Visual Studio. This window lists out all the items under your project. Let’s take a closer look at the tool windows. Once the project is ready, you will see the default set of tool windows laid out for a Windows 8 style project. I’ve named it “OnLineShoppee” and it uses the “Blank App” project template. Once installed, start the Blend tool and create a new “New Project”.
HOW TO INSTALL BLEND FOR VISUAL STUDIO 2017 INSTALL
When you install Visual Studio 2012, you will find the option for installing Blend for Visual Studio. However starting with VS2012, Blend is bundled with Visual Studio.
Please note that the purpose of this demonstration is to give you an overview of Blend for Visual Studio 2012 and not to show you a production quality UX design.īlend for Visual Studio has its lineage in the Expression Blend and Expression Studio suite of tools targeted for Designers.
We will see the different parts of Blend which you can use for designing the Metro style applications.
HOW TO INSTALL BLEND FOR VISUAL STUDIO 2017 HOW TO
In this article we will see how to use Microsoft Blend for designing Metro style applications using HTML5 and CSS3.
0 kommentar(er)
