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
stephenshankland.jpg

Stephen Shankland

See full bio
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

2022's Best TV Shows You Can't Miss on Netflix, HBO, Disney Plus and More
John Cena attends Warner Bros. premiere of The Suicide Squad, in costume as Peacemaker.

2022's Best TV Shows You Can't Miss on Netflix, HBO, Disney Plus and More

95 Photos
The Best Games on Nintendo Switch in 2022
zelda-cnet-2.jpg

The Best Games on Nintendo Switch in 2022

36 Photos
The 51 Best VR Games
astro-bot-rescue-mission-screen-02-ps4-us-18may18

The 51 Best VR Games

53 Photos
Movies Coming in 2022 From Marvel, Netflix, DC and More
thor4

Movies Coming in 2022 From Marvel, Netflix, DC and More

85 Photos
Hubble and James Webb Space Telescope Images Compared: See the Difference
james-webb-seq-00-14-05-10-still002

Hubble and James Webb Space Telescope Images Compared: See the Difference

12 Photos
2023 Toyota Highlander Adds Turbo Power to Lower Emissions
2023 Toyota Highlander

2023 Toyota Highlander Adds Turbo Power to Lower Emissions

25 Photos
DIY scratched screen repair: Magic and myths
img9412.jpg

DIY scratched screen repair: Magic and myths

10 Photos