Firefox 4 Web Demos: announcing Web O' Wonder

Firefox 4 is almost here. Check out some awesome Web demos on our brand new demo web site: Web’O Wonder. Screencast here.

Update: 3 more demos: https://hacks.mozilla.org/2011/03/webowonder-round/

Web ‘O Wonder

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. You can see the first 3 demos online now on our brand new demo web site: Web’O Wonder:

Web O Wonder

Note: Some of these demos use WebGL, and will work only on compatible hardware. Make sure you are using the latest drivers for your graphics card.

Open Demos

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. Help us improve them! The source code of every single demo is available on Github and we encourage you to fork them and play.

New technologies and new horizons for 400 million users

In these demos, we are experimenting with new technologies, trying to imagine what could be the future of the Web. HTML5, CSS3, WebGL, SVG, blazing fast JavaScript and new APIs. Sounds exciting, but what does it really mean for the user?

It means new possibilities, new ways to interact with web applications. It means richer and more beautiful applications. It means a smoother and faster experience and this is what we want to demonstrate with these demos.

We hope to inspire web developers to use these new technologies. This is just the beginning of a new generation of websites. Web developers now have the tools to change the face of the internet and here you have a few blueprints to start from.

Thank you!

A lot of people were involved in the development of these demos. The Mozilla community is full of talented people that did a lot of incredible work to make these demos happen. I just want to say a big thank you to all these talented people (and make sure to check out the credits on the demos!).

Oh, look! A screencast:

About Paul Rouget

Paul is a Firefox developer.

More articles by Paul Rouget…


8 comments

  1. Mikko

    those that use webgl is not for linux users because webgl is deactivated by default

    March 4th, 2011 at 01:49

  2. L

    Thats really cool,
    I love the bouncing ball and how you can interact with it!

    One question that i cant find an answer too anywhere..
    Is there any plan to implement the Desktop Notifications system that chrome uses as a html5 standard?

    March 4th, 2011 at 02:00

  3. Rob

    Me likey!!! :D

    March 4th, 2011 at 07:57

  4. Alvaro

    Check your demo site:

    Clicking on VIDEO goes to the WebGL (AR) demo.
    Clicking WEBGL or DESIGN goes to the Video player demo.

    March 4th, 2011 at 12:06

  5. FreeBooteR

    Really disappointed with AMD linux catalyst drivers. I just can’t believe how pathetic support is for our platform. Last time i buy from AMD/ATI.

    March 4th, 2011 at 13:17

  6. skierpage

    Very impressive! Minor typo in HTML Forms microdemo: when you Send, the “Submited! Thank you.” has a typo, that should be “Submitted”. Maybe the form input fields could have the required attribute.

    I thought the the HTML5 “tag cloud” itself would be hyperlinks to the individual micro-demos (I know, fork the code :-) ).

    March 4th, 2011 at 19:14

  7. Nikunj

    wow great thing, you need graphic card to view a website? what about the usability only few percentage of web users will be able to see the true nature of the website.

    March 9th, 2011 at 09:36

  8. Blaze Boy

    wonderful, my graduation project is about rendering 3d graphics in browser,
    i think webGL will be a great step toward this goal,
    thank you mozilla.

    March 17th, 2011 at 11:09

Comments are closed for this article.