14 DAY TRIAL // Firefox 4 is almost here, the first release candidate is expected as early as next week, so Mozilla wanted to create something to showcase the capabilities of its latest browser as well as the modern web technologies it incorporates. The Web O’ Wonder website is designed as a hub for showing what Firefox 4 can do with the help of some impressive demos.
Now, only three such demos are available, each showcasing different technologies. The first two may be more impressive technically and visually, but the third one is the most interesting since it actually encompasses everything that's new in Firefox 4.
"Firefox 4 is almost here, and comes with a huge list of awesome features for web developers. In order to illustrate all these new technical features, we put together several Web demos. You’ll see a couple of demos released every week until the final version of Firefox 4," Paul Rouget, Mozilla's Technology Evangelist wrote.
You can check out the demos yourself using the latest Firefox 4 beta, or any other modern browser though results are not guaranteed.
The first is aimed at showing what JavaScript can do in a browser that offers a powerful JavaScript engine. A video playing in the background is being analyzed in real time and animations are displayed on top of it, depending on its contents.
The second demo is a creative video player, it uses HTML5 video of course, WebM to be exact, along with things like CSS transitions along with some SVG.
Finally, the third demo is the 'Firefox 4 poster,' which lists all of the new and interesting technologies available to developers in the latest version of the popular browser as well as the user-facing new features and improvements like hardware acceleration.
"These demos haven’t been designed exclusively for Firefox 4. We believe that the Web is not the property of any single browser, which is why we made sure that these demos work on other modern browsers, like Chrome, when possible. The other big step forward for HTML5 demos is that these are Open Source," Rouget explained.