In this article, we will see in-depth how we can leverage CSS3 Media Queries and view-port detection to build responsive UI. Thus irrespective of which browser you are viewing it in, the view changes to accommodate itself to the best possible fit. The behavior of the ASP.NET site is achieved via CSS3 Media Queries and view-port width detection. We can see how it changes if we resize our browser.Ī scaled version of the two images is as follows: Sometime back, the official ASP.NET site was revamped to be responsive to various screen sizes. The one and only Jon Skeet!.Ĭlick Here to Download all the issues of this Free. The September edition featured hot topics like Windows 8 Apps in all shape, form and size - WinRT+C#+XAML, WinRT+WinJS, WinRT+Testing and even a Tiled Web Framework! Apart from that we had WCF 4.5, Testing Benefits, Azure Caching and Hadoop On Azure too! Last but not least, our special guest in the Interview chair. NET professionals published once every two months. This article is published from the September Edition of the DNC Magazine – A Free High Quality Digital Magazine for. Such design is referred to as Responsive UI. The web application you build is expected to be able to handle all these screen sizes gracefully and ‘adapt’ to them. Today people view sites from Mobile devices like smartphones with 3” screens to tablets with 10” screens and a variety of sizes in between. With the proliferation of ‘Web consumption’ devices, most internet sites are no longer viewed on large screen desktops only. Responsive UI in Web Development is a term that loosely correlates to a design that can adapt itself to various screen sizes.
0 Comments
Leave a Reply. |