Microsoft helps get your site tablet ready with IE10

Now that Microsoft is going to come out with its own Windows 8/RT tablet, Surface, the company likely expects for its owners to do a lot of browsing on the web with the Internet Explorer 10 client. In a new post on the Internet Explorer blog, Microsoft talks about how website designers should allow for different window sizes for sites viewed on IE 10 in Windows 8.

The blog states that most websites have a priority to render their pages in a 1024 resolution. Those sites may not be optimized to run on different resolutions, such as tablets running in portrait mode. Microsoft states, "This narrow layout is particularly important in Windows 8, where the snapped view of the Metro style browser is in this exact state. This situation also occurs for portrait mode on slate devices due to the smaller form factor."


The Metro IE 10 browser is setup so that websites can be see in portrait mode and snapped views in the 1024 resolution such as the Wikipedia page above. Website designers can also alter their sites to show content in portrait mode at smaller resolutions such as 320 or 768.

Microsoft offers up some sample code that designers can use to have their sites display well on IE 10 in these smaller resolutions. The blog post adds, "We recommend testing your site in layout widths of 768 pixels (portrait on most slates) and 320 pixels (snapped Metro style browser) in addition to 1024 pixels and wider (landscape)."

Source: Internet Explorer blog | Image via Microsoft

Report a problem with article
Previous Story

Pegatron won't comment if it's making the Surface tablet

Next Story

Xbox Summer of Arcade release dates; prices announced

10 Comments

Commenting is disabled on this article.

Good to know. I'm having a job working on the website at a camp on Monday, so this is nice. I'll also probably use this for my own personal site...

MASTER260 said,
Good to know. I'm having a job working on the website at a camp on Monday, so this is nice. I'll also probably use this for my own personal site...

nvm about my personal site. Imagecafe, y u no support editing the site's CSS?

Been waiting for years for screens to become bigger, now >1024 is finally kicking in. I'm definately NOT going to support 768 or less, not even less than 1024. They better start including better displays.

gullygod said,
Sites also need to start supporting those 'add to home screen' icons I get from websites on my ipad.

You mean these?

<link rel="apple-touch-icon-precomposed" href="/images/pegasus/icon.png" />

The problem with them is that they're propitiatory. They're only made for Apple devices. At the moment, there's no standardised way to add a big icon for all types of devices.

gullygod said,
Sites also need to start supporting those 'add to home screen' icons I get from websites on my ipad.

You mean like how you can pin sites to the start menu in Windows 8 without the website modifying anything? or..?

funkydude said,

You mean like how you can pin sites to the start menu in Windows 8 without the website modifying anything? or..?

That's a start, but sites (like us) need to implement the improvements like tile notifications.

GreyWolf said,

That's a start, but sites (like us) need to implement the improvements like tile notifications.

Absolutely. There's some great new functionality to be taking advantage of.