Windows phone xaml spy

 

Windows phone xaml spy

Responsive UI in Web Development is a term that loosely correlates to a design that can adapt itself to various screen sizes. With the proliferation of ‘Web consumption’ devices, most internet sites are no longer viewed on large screen desktops only. Today people view sites from Mobile devices like smartphones with 3” screens to tablets with 10” screens and a variety of sizes in between. The web application you build is expected to be able to handle all these screen sizes gracefully and ‘adapt’ to them. Such design is referred to as Responsive UI.

Sometime back, the official ASP.NET site was revamped to be responsive to various screen sizes. We can see how it changes if we resize our browser.

The behavior of the ASP.NET site is achieved via CSS3 Media Queries and view-port width detection. Thus irrespective of which browser you are viewing it in, the view changes to accommodate itself to the best possible fit. In this article, we will see in-depth how we can leverage CSS3 Media Queries and view-port detection to build responsive UI.