{"id":7460,"date":"2012-06-29T21:26:17","date_gmt":"2012-06-30T05:26:17","guid":{"rendered":"http:\/\/www.perivision.net\/wordpress\/?p=7460"},"modified":"2012-07-25T13:54:36","modified_gmt":"2012-07-25T21:54:36","slug":"preview-of-the-new-microsoft-site-metro-with-dynamic-media-response","status":"publish","type":"post","link":"https:\/\/www.perivision.net\/wordpress\/2012\/06\/preview-of-the-new-microsoft-site-metro-with-dynamic-media-response\/","title":{"rendered":"Preview of the new Microsoft site. Metro with dynamic media response"},"content":{"rendered":"

\"\"<\/a>Well this is a treat.\u00a0 Via reddit I checked out a preview of the new Microsoft.com preview<\/a> website.\u00a0 Its pretty clear they are all in with Metro, and also all in with 1 view from many devices as demonstrated by the use of dynamic media response.<\/p>\n

{Update}\u00a0 Seems they have this redirecting now.\u00a0 Shame.<\/p>\n

The design calls all the elements from Metro you would expect, simply bold colors, no shine, no shadows, everything has a smooth movement to it, simple Segoe<\/a> font family.<\/p>\n

“Metro” is based on the design principles of classic Swiss graphic design<\/a>. Early glimpses of this style could be seen in Windows Media Center<\/a>.\u00a0 Now the new Microsoft webpage will be following these designs.\u00a0 But what is really interesting to me is the dynamic media response (DMR).<\/p>\n

If you remember, Peter Yard caused quite a stir<\/a> when he proclaimed the death of adaptive design (as well as DMR by implication). Many people, myself included, thought that was a bit premature and somewhat nonsensical since DMR is just a tool in web design and construction. What this tells me is Microsoft is really trying to telegraph that is intends to make Windows 8 about phones, tablets as much as it is about laptops and PC with 32 inch monitors… as I’m using now.\u00a0 Its a big gamble to design once, work everywhere, but MS is coming late to the game, so this makes sense.\u00a0 They have to take long strides if they want to be relevant. And this preview design shows they are fully committed.<\/p>\n

Funny thing, you try to load it with a Mac, and get a ‘you need silverlight’ error.\u00a0 Fail.<\/p>\n

Check out the image gallery. You can see a few screenshots at various sizes.<\/p>\n\n\t\t