CNET también está disponible en español.

Ir a español

Don't show this again

IE9 demo: falling balls

Whirling browser logos

IE9 SVG-oids demo

Better text through DirectWrite

Sub-pixel positioning, up close

CSS border demonstration in IE9

Pulsating bubbles in IE9

SVG org chart

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.

Caption by / Photo by Screenshot by Stephen Shankland/CNET
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.
Caption by / Photo by Screenshot by Stephen Shankland/CNET
Miss the Asteroids game from 1979? SVG and JavaScript power this knock-off.
Caption by / Photo by Screenshot by Stephen Shankland/CNET
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.
Caption by / Photo by Screenshot by Stephen Shankland/CNET
This shows a single word, magnified threefold to better illustrate the graphics of sub-pixel positioning.
Caption by / Photo by Screenshot by Stephen Shankland/CNET
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.
Caption by / Photo by Screenshot by Stephen Shankland/CNET
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.
Caption by / Photo by Screenshot by Stephen Shankland/CNET
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.
Caption by / Photo by Screenshot by Stephen Shankland/CNET
Up Next
Polaroid SC1630 Android smart camer...
7