Best Web demos?

September 21st, 2007  |  Published in Internet, Mozilla, Web, Web Development, Work  |  18 Comments

The Mozilla Evangelism team is looking for the best Web demos we can find. We’re putting together a collection of these to show what today’s Web is truly capable of — from offline Web application support through text animation using canvas and more. If you have or know of a demo that really shines as an example of modern Web capabilities, please leave a comment and a link. Thanks!

Update: Bonus points for demos that show off the new content-related features of Firefox 3.

Responses

  1. Zach says:

    September 21st, 2007 at 1:42 pm (#)

    I really like how Farecast ( http://farecast.com/ ) refines the display of searches for flights. Perform a search and then on the resulting page modify the results that should be displayed with the side bar on the left. The main result list is immediately rendered to reflect the new paramters.

    I did some brief calculations and found that it’s about 47 scillion times nicer to use than the terrible search interfaces that have you start over, after having forgotten your initial parameters, to refine a search.

    I don’t know how the authors of every other flight search interface in the world sleep at night.

  2. Ville says:

    September 21st, 2007 at 4:59 pm (#)

    Not Firefox (or Fx 3.0) specific, but Google’s Gapminder is quite brilliant: http://tools.google.com/gapminder/ So much data condensed into a relatively easily digestible package. Looking forward to seeing your list of demos!

  3. Paul Kim says:

    September 22nd, 2007 at 3:21 pm (#)

    something to keep an eye on: http://e15.media.mit.edu/

  4. Paul Kim says:

    September 22nd, 2007 at 4:21 pm (#)

    something to keep an eye on: http://e15.media.mit.edu/

  5. Matthew Cruickshank says:

    September 22nd, 2007 at 8:22 pm (#)

    This is about the most ridiculous web demo I’ve made, http://wellington.thursdaynightcurry.com/?clouds=10

    It’s all XHTML, CSS, and JS. You can resize the panels onscreen (move the mouse between the panels and drag), shoot the tag clouds that drift across the page, and engage in conversation with the worlds worst worst chatbot.

  6. dolphinling says:

    September 24th, 2007 at 11:37 am (#)

    video won’t be in FF3 (will it?) but if it were, http://www.bluishcoder.co.nz/2007/08/svg-video-demo.html . And the original image one linked from there is still interesting.

  7. Dao says:

    September 24th, 2007 at 12:57 pm (#)

    Matthew, consider using APNG for the explosions! ;-)

  8. sethb says:

    September 24th, 2007 at 1:17 pm (#)

    I like this demo from Access Firefox.

    http://accessfirefox.com/AFx_Presentation.php

  9. Dao says:

    September 24th, 2007 at 1:57 pm (#)

    Matthew, consider using APNG for the explosions! ;-)

  10. sethb says:

    September 24th, 2007 at 2:17 pm (#)

    I like this demo from Access Firefox.

    http://accessfirefox.com/AFx_Presentation.php

  11. jag says:

    September 25th, 2007 at 2:23 am (#)

    I find this one simply amazing: http://worldofsolitaire.com/

    All DOM, CSS and JS.

    For some reason a tad slow on my Mac SeaMonkey build right now, but it was quite fast when I played it using Firefox (2.0.0.?) on my slower Linux box.

  12. jag says:

    September 25th, 2007 at 3:23 am (#)

    I find this one simply amazing: http://worldofsolitaire.com/

    All DOM, CSS and JS.

    For some reason a tad slow on my Mac SeaMonkey build right now, but it was quite fast when I played it using Firefox (2.0.0.?) on my slower Linux box.

  13. monk.e.boy says:

    September 25th, 2007 at 3:44 am (#)

    I wrote a few demos:
    http://www.teethgrinder.co.uk/perm.php?id=126

    Try the fractal trees:
    http://teethgrinder.co.uk/canvas/canvas-3.html

    L System:
    http://teethgrinder.co.uk/canvas/l-system-1.html

    and the bouncing sperm:
    http://teethgrinder.co.uk/perm.php?id=133

    All canvas demos. I wish IE would hurry up and support some cool technologies. I wrote all these years ago.

    monk.e.boy

  14. monk.e.boy says:

    September 25th, 2007 at 4:44 am (#)

    I wrote a few demos:
    http://www.teethgrinder.co.uk/perm.php?id=126

    Try the fractal trees:
    http://teethgrinder.co.uk/canvas/canvas-3.html

    L System:
    http://teethgrinder.co.uk/canvas/l-system-1.html

    and the bouncing sperm:
    http://teethgrinder.co.uk/perm.php?id=133

    All canvas demos. I wish IE would hurry up and support some cool technologies. I wrote all these years ago.

    monk.e.boy

  15. Mickaël Rémond says:

    September 25th, 2007 at 5:07 am (#)

    The OneTeam Instant Messaging client is to my knowledge one of the most advance web application taking advatange of Firefox feature. It works on Firefox 2 and 3.

    See: http://oneteam.im and http://www.process-one.net/en/oneteam/

  16. Mickaël Rémond says:

    September 25th, 2007 at 6:07 am (#)

    The OneTeam Instant Messaging client is to my knowledge one of the most advance web application taking advatange of Firefox feature. It works on Firefox 2 and 3.

    See: http://oneteam.im and http://www.process-one.net/en/oneteam/

  17. David says:

    October 1st, 2007 at 6:29 am (#)

    I like this http://demo.internet-ai.com/admin/

  18. David says:

    October 1st, 2007 at 7:29 am (#)

    I like this http://demo.internet-ai.com/admin/

Leave a Response