Internet Explorer 9 beta – first impressions

The beta version of Microsoft’s Internet Explorer 9 was released on 15 September 2010. I installed it to take a look. This is not a comprehensive feature list nor comparison. You can find that in other tech sites (which are probably hardcore about this kind of thing).

My first impressions of IE9 are good. Next, you must understand I don’t care much for the “browser wars”. The way I use the browser is that it must offer basic security, and then let me do my thing. I use Firefox most of the time. Safari feels weird to use. Google Chrome has this weird thing where my mouse scrolls jump the page too much, so I often lose the position where I was reading.

The first thing I noticed was, the page rendering in IE9 were bigger. Then I remembered I configured Windows 7 to render text larger than normal (because I’ll go blind looking at the default ant-like characters). Firefox didn’t obey this instruction. Immediately I felt good about IE9. I know you 20-year-old whippersnappers have perfect vision. Wait till you’re my age…

I read through some of the IE9 marketing material, and one of the highlights was hardware acceleration of text and graphics rendering. Basically, IE9 is offloading that rendering to the graphics processing unit (GPU) of your computer. Makes sense. The GPUs nowadays do physics calculations too, so why not do what it’s supposed to do anyway (render stuff).

I went to YouTube to give it a try. Here’s the weird thing. The video on a user’s page will play in a stuttered manner. I don’t know why. But if you click to the video’s page, it plays fine. (IE9 team members, if you’re reading this, you might want to take a look)

IE9 also offers pinning of sites. Basically, you can pin your favourite site to the taskbar. The idea is that people don’t really want to launch browsers to go to their favourite websites. They just want to go to the website. This also makes it easier to think of websites as an application on Windows 7. One click, and you’re at the website. And IE9 does its best to fade into the background, with minimal browser controls on screen, thus maximising website real estate. Couple that with the Aero glass interface, which fades the toolbar into the background, and you don’t even feel the browser at work.

That’s about it really (my impressions, not IE9 stuff). I also know IE9 supports HTML5 and CSS3, so here are some tests.

HTML5 video tag

If you can’t see the video, well, I don’t know why either. I followed the instructions on using the video tag, but somehow it fails to load the video. My best guess is that the video I created wasn’t encoded in the supported format (H.264?). This is hard to use… Anyway, I’ve got the code in case you can spot my mistake.

<video src="http://polymathprogrammer.com/downloads/html5testvideo.avi" controls poster="http://polymathprogrammer.com/downloads/html5testvideoposter.jpg" width="400" height="300">Your browser does not support the video tag</video>

[update] Here’s the YouTube version in case you’re dying to find out what the video looks like:

HTML5 canvas tag

I can’t do anything with the canvas tag, because it’s hard to sneak in JavaScript functions on WordPress. But I can show you where the canvas is, surrounded by a 1 pixel border.

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #ccc">Your browser does not support the canvas tag</canvas>

Your browser does not support the canvas tag

Rounded corners with CSS3

Let’s just say a lot of people are looking for a solution to rendering rounded corners.

<div style="-moz-border-radius: 15px;border-radius: 15px;border-color:#abc;border-style:solid">You can do rounded corners with CSS3!</div>

You can do rounded corners with CSS3!

That’s it. Let me know what you think of IE9.