IE 9 and HTML 5 Enable 3D Sites, Taskbar Alerts, Drawing Apps, More

Today at the Internet Explorer 9 Beta launch event, two dozen representatives from well-known Web sites and less-well-known Web development firms sat in front of large screen monitors, demonstrating new interactive features that IE 9 has enabled them to deploy. While many of the HTML 5 and CSS 3-enabled pages will work reasonably well on a few other browsers, many of the sites we saw took advantage of unique IE 9 features and all benefit from the new browser’s hardware acceleration. Here are some of our favorites.

USA Today Sliding Slideshow

The popular newspaper recently posted an amazing slideshow with before and after photos of areas that were ravaged by Katrina, both 5 years ago during the hurricane and today. Rather than simply posting the photos from 2005 next to their counterparts from 2010, USA Today used HTML 5 to create a slider that allows users to control how much of each photo is revealed while the two sit on top of each other.

Aside from the technology, the ability of the photographer to get the same exact camera angle on two images taken years apart is amazing. One slide from the Five Years Later: Hurricane Katrina slideshow is pictured at the top of this post.

Live Strong’s Taskbar Based Reminder

IE 9 has some great proprietary features that allow both customizations to the browser environment and deeper integration into the Windows 7 UI. Live Strong, a personal health and fitness management site, has rolled out a couple of these features.

In the video below, you can see how the site dynamically changes its icon on the Windows taskbar to remind users who are signed in to submit their diet information. The site also changes the forward / back buttons and general appearance of IE to match its yellow color scheme. Check it out at livestrong.com.

3D Animations Using HTML 5

An astronomy site called Sky Beautiful actually supports viewing with red and blue 3D glasses. Click into 3D mode, put on the glasses and watch the stars fly by at different levels on your screen. The high-speed animation takes full advantage of IE 9′s hardware acceleration.

Draw With Vector Graphics

This proof-of-concept site by web design firm Big Spaceship allows you to draw and save a collage in your browser, taking advantage of IE 9′s support of vector graphics. The graphics you can use in your collage are all representations of popular Internet memes, from Tron Guy to the dancing baby and Mahir, the “I Kiss You” guy. Each vector graphic was created in a separate illustration program but exported to XML which IE 9 reads and renders. The beauty of vector graphics is that they can be resized dynamically without affecting image quality.

Drawing Japanese Characters in the Browser

Any student of Chinese or Japanese knows that the hardest part about learning the language is learning to draw the characters. Using HTML 5 and CSS 3, some Japanese designers from the firm Business Architects put together a site that lets you draw Kanji by tracing on top of a stencil of an existing character. You can pick a brush then use your mouse or your finger to create the strokes. The site looks so much like a desk with a palette and ink stone, that we forgot we were in a Web browser rather than a standalone app.

eHow’s Magazine-Like Interface, HTML 5 Video Player

Popular how-to site eHow has made some huge changes that take advantage of HTML 5 and CSS 3. IE 9 users can read the latest articles in each of its 6 main channels (Family, Food, Health, Home, Money, Style) in a format that looks and functions exactly like a magazine, complete with page turns. The site also has an very large HTML 5 video player and custom jumplists, among other exciting new features that you can see in the video below.

AUTHOR BIO
Avram Piltch
Avram Piltch
The official Geeks Geek, as his weekly column is titled, Avram Piltch has guided the editorial and production of Laptopmag.com since 2007. With his technical knowledge and passion for testing, Avram programmed several of LAPTOP's real-world benchmarks, including the LAPTOP Battery Test. He holds a master’s degree in English from NYU.
Avram Piltch on
Twitter Google+
LEAVE A REPLY
Name*
Email* (will not be published)
Website
*Indicates required field
Comments*
Submit Comments

  1. Wouter Says:

    I feel a slight unease with Microsoft Windows, ‘proprietary’ and the WWW mentioned in one sentence. Microsoft should make standard compliance an absolute priority for once, with IE being the main cause of headache on the ‘net for the last 10 years. Just when we were finally getting rid of those insane “IE only” banners that have disgraced the web for too long…

  2. Led James Says:

    I’ve never ever imagined that one day I would say “I’m gonna set internet explorer as my default browser!”…but that day finally and I am happy to announce that IE9 FTW!

    Yeah, it still needs to be tweaked here and there but albeit only being a beta version it is quite stable and really fast!
    (Tests show that chrome is still faster than IE9 but there is really no difference in terms of speed in real life usage)

    I can’t wait for the final product to come out!

  3. Graeme Harrison (prof at-symbol post.harvard.edu) Says:

    I think that the benefits of true ISO standards far surpass any slight advantage of using a proprietary component of any browser.
    Microsoft has been dragged kicking and screaming to keep to standards… and the new HTML extensions allow audio, video and other media to be seamlessly incorporated into any website, without requiring YouTube, Real Audio etc etc. Both Microsoft and Apple would prefer to get their customers standardised on their proprietary formats for all this stuff.. but the web is winning, in much the same way as the WWW beat ‘The Microsoft Network’ (when Bill was going to give us a Microsoft administered version of the web).
    So, let’s keep to standards and we’ll all gain. Every browser should be able to see every site, just as you should be able to receive email from anyone, not caring what operating system they used when composing the email.

FIND A REVIEW
Laptops
All Product Types Accessories Cars Digital Camcorders Digital Cameras eReaders GPS Laptops MP3 & Video Players Projectors Smartphones Software Storage Tablets / MIDs VoIP Wi-Fi
All Subcategories
All Subcategories All-Purpose Budget Business Desktop Replacement Gaming Multimedia Netbook Nettop Rugged Student Tablet PCs Ultraportable
Brand
Acer Alienware Apple Archos ASUS Averatec BenQ CTL Corp. Dell Digital Storm eMachines Emtec Everex Fujitsu GammaTech Gateway General Dynamics Getac Gigabyte Hercules HP HTC iBuyPower Intel Lenovo MSI Nokia Nvidia OCZ OLPC OQO Origin Panasonic Sager Samsung Sony Sylvania Systemax TabletKiosk Toshiba Verizon Viewsonic Viliv VooDoo Workhorse PC ZT Systems
Minimum Rating
Any Rating Editor's Choice 4.5 Stars 4.0 Stars 3.5 Stars 3.0 Stars
Screen Size
10 11 12 13 14 15 16 17 18 20 4 5 6 7 8 9
Resolution
1024x576 1024x600 1024x768 1200X800 1280 x 720 1280x1024 1280x768 1280x800 1366x678 1366x768 1440x1050 1440x900 1600x768 1600x900 1680x1050 1680x945 1920x1080 1920x1200 800x400 800x480
Weight Range
10.1 - 12.0 pounds 12.1 - 14.0 pounds 14.1 - 16.0 pounds 2 lbs 2 pounds and under 2+ lbs 2.1 - 4.0 pounds 4.1 - 6.0 pounds 6.1 - 8.0 pounds 8.1 - 10.0 pounds Over 16 pounds Under 2 pounds
more options
SUBSCRIBE