Making a Great Snapped View for your Web Site on IE10 on Windows 8 (via the Synergist)

For the full story and code samples see: http://blogs.msdn.com/b/synergist/archive/2012/04/23/making-a-great-snapped-v…

One of the great features of Windows 8 Metro Applications is the Snapped View where app developers create a 320px wide experience of their app.  When the user snaps their app to the left or the right, of the screen they can continue their primary task while still having a secondary task visible.  The project templates in Visual Studio come with this capability built-in to make it easier to address this important part of the application experience.  If you build your Metro application with HTML, you see that this is done with CSS Media Queries, a feature supported in all HTML5 modern browsers.  This is also the way that you support snapped view for your website, with the @-ms-viewport rule (since it’s Microsoft-specific today, it has the –ms- prefix and can be safely ignored by other browsers.

About TechPreacher

Technical Evangelist working for Microsoft Switzerland. Focusing on the Internet of Things and Windows development. EV geek and passionate gamer, with a life.
%d bloggers like this: