/> ED I T O R S C H O I C E IN N O V A T IO N A W A R D
X

A visual tour of IE9 preview (screenshots)

Microsoft is showing off its IE9 Platform Preview. Here's a look at some elements of the overhauled browser.

stephenshankland.jpg
Stephen Shankland
dropballs.jpg
1 of 8 Screenshot by Stephen Shankland/CNET

IE9 demo: falling balls

Microsoft showed off IE9 Platform Preview on Tuesday; headline features include support for Web standards and faster performance.

One such standard is SVG (Scalable Vector Graphics), and one technology benefiting from better performance is Web-based JavaScript programs.

This view of a demonstration shows off the abilities chiefly of the faster JavaScript, long a sore spot for Internet Explorer performance, but the balls themselves are rendered with SVG. It includes a physical simulation of the balls interacting in gravity.

IE9_logowhirl.jpg
2 of 8 Screenshot by Stephen Shankland/CNET

Whirling browser logos

Microsoft aims to improve performance with the existing Web as well as to support new features. For the former challenge, one change coming in IE9 is support for Direct2D and DirectWrite graphics and text acceleration in Windows Vista and Windows 7. This demonstration of whirling browser logos, including drop shadows and occlusion, uses hardware acceleration to speed performance.
svgoids.png
3 of 8 Screenshot by Stephen Shankland/CNET

IE9 SVG-oids demo

Miss the Asteroids game from 1979? SVG and JavaScript power this knock-off.
subpixel.png
4 of 8 Screenshot by Stephen Shankland/CNET

Better text through DirectWrite

Hardware graphics are used to improve text rendering. Specifically, with DirectWrite, the text "antialiased" with gray pixels to smooth the curves and letters are placed precisely with "sub-pixel positioning." Some of this technology in general has been in use for years, but the new implementation adds the gray pixels to account for both vertical and horizontal curves.
subpixel_text.png
5 of 8 Screenshot by Stephen Shankland/CNET

Sub-pixel positioning, up close

This shows a single word, magnified threefold to better illustrate the graphics of sub-pixel positioning.
cssborder.png
6 of 8 Screenshot by Stephen Shankland/CNET

CSS border demonstration in IE9

Cascading Style Sheets can control formatting details with economical programming, but IE has lagged rivals in CSS3 support. This demonstration shows how a border can be controlled in a variety of ways.
pulsing_bubbles.jpg
7 of 8 Screenshot by Stephen Shankland/CNET

Pulsating bubbles in IE9

There's better eye candy in the graphics world, but this demonstration of SVG-controlled, sometimes transparent ellipses animated through JavaScript does illustrate new in-browser graphics abilities.
svg_orgchart.png
8 of 8 Screenshot by Stephen Shankland/CNET

SVG org chart

Graphics on the Web today are usually done pixel by pixel. SVG lets many graphical elements be constructed by mathematical constructs called vectors that make items such as arrows and shapes easy to draw and compact to download. This Scalable Vector Graphics demonstration shows a United Nations org chart that can be resized easily and rapidly.

More Galleries

The best Nintendo Switch games to play in 2021

More Galleries

The best Nintendo Switch games to play in 2021

40 Photos
Movies coming in 2021 and 2022 from Netflix, Marvel, HBO and more

More Galleries

Movies coming in 2021 and 2022 from Netflix, Marvel, HBO and more

68 Photos
2023 Chevy Corvette Z06 reveal: Big Nasty's sequel revs to 8,600 rpm

More Galleries

2023 Chevy Corvette Z06 reveal: Big Nasty's sequel revs to 8,600 rpm

73 Photos
2021 Toyota Sienna is the ultimate trailhead destination

More Galleries

2021 Toyota Sienna is the ultimate trailhead destination

35 Photos
Redesigned Kia Sportage: Movin' on up

More Galleries

Redesigned Kia Sportage: Movin' on up

8 Photos
2023 Land Rover Range Rover SV: Something special

More Galleries

2023 Land Rover Range Rover SV: Something special

29 Photos
The 2022 Mercedes-AMG SL is a stunning droptop

More Galleries

The 2022 Mercedes-AMG SL is a stunning droptop

65 Photos