My site’s moved CMS and servers. If you spot a problem, let me know.

Stuff & Nonsense product and website design

Getting prepared for Windows 8 and Internet Explorer 10

Microsoft launches Windows 8 in just a few days, so now’s a good time to turn our attention to Internet Explorer 10. Here are two links to help you get prepared:

Windows 8 and Microsoft Surface: IE10 meets modern mobile HTML5

Max Firtman covers a lot of ground. Stand out information includes:

IE10 Snap Mode and Responsive Design

Tim Kadlec, author of Implementing Responsive Design, has uncovered how IE10’s ‘snap’ feature ignores the meta viewport tag when the viewport’s narrower than 400px. He offers some sound advice on how to work around that so that responsive sites work well in snap mode.

To get IE10 in snap mode to play nicely you have to use CSS Device Adaptation. For the unfamiliar, CSS Device Adaptation allows you to move your viewport declarations (such as width, zoom, orientation, etc) into your CSS.

If you’d like more, Dave Rupert wrote about the @viewport rule back in September.

I’ll be spending my evening updating this site and 320 and Up with the new @viewport rules and tile colours and icons code.


October 18, 2012 • Andy Clarke • cssie10windows

You might also like

Shop

Eleventy in a Box

A premium Eleventy starter kit for designers and developers who want to spend less time setting up the same project structure and more time designing distinctive websites.

Shop

Layout ❤︎

Free compound grid and modular grid layout generators, plus a set of HTML/CSS layout templates you can call on to make more interesting layouts, available to buy.