Friday, 4 July 2008

Fun

Firefox start page with reflection


19 comments:

  1. Woohoo! Show us the code, show us the code! Is it SVG filters on an iframe?

    ReplyDelete
  2. Fancy.
    Is this running with or without extra privileges?
    And whats the performance like? I know any type of rotation gets a bit... slow.

    ReplyDelete
  3. SVG filters applied to XHTML? :)

    ReplyDelete
  4. Ooh.. scrollbar and everything. Is this part of your SVG effects through CSS work?

    ReplyDelete
  5. so... what are we seeing here?

    ReplyDelete
  6. Nice!
    You should update your Greasemonkey ;-)

    ReplyDelete
  7. Canvas? If so, could you share the code? I wrote something similar - but I'm not a graphics expert, and my code to do reflections seems rather clumsy (couldn't find any usable examples). You probably found a much better solution. Anyway, here is my code: http://pastebin.com/m149fbea9

    ReplyDelete
  8. /me hopes for even more fun when Greasemonkey is smiling too.

    ReplyDelete
  9. Now apply a rippling water effect to the reflection ...
    Then simulate a something landing in the water animating ripples outwards :)

    ReplyDelete
  10. I've developed a teleprompter application using Mozilla technology. Some of my users are asking for the mirror affect. Do you mind sharing your code so that I might be able to mirror the text? Nice job!
    God Bless <><
    Greg Marine

    ReplyDelete
  11. Robert O'Callahan6 July 2008 at 00:41

    I'm pretty sure the features behind this will be in the next Gecko release.

    ReplyDelete
  12. How is this different than reflection.js: http://cow.neondragon.net/stuff/reflection/
    Can you give us at least a little hint as to what's doing the reflection?

    ReplyDelete
  13. Reflections are the animated gifs of this decade.
    Useless and rapidly becoming annoying.
    The next phase will be saturation, the backlash and then for several years no serious designer will go near them until finally someone might start using them in a subtle manner and in a use case where they actually add value to a site.
    That's the full circle of a web design trend. Do we really have to wait years and waste hours of browser developer time on this 'bling' when there are surely more important things to do - like providing a decent text-editing enviroment for the web?

    ReplyDelete
  14. Robert O'Callahan10 July 2008 at 20:31

    Hanspeter: See the latest updates to my blog, in particular http://weblogs.mozillazine.org/roc/archives/2008/07/the_latest_feat.html. Stuff like reflection.js can only flip an image and will not handle a whole element subtree, let alone handle dynamic updates to that subtree or effects like focus rings or the text caret.

    ReplyDelete
  15. an0n1, you can make your own text editing environment pretty well with the latest Firefox 3 (and older IEs). You can turn on edit mode in arbitrary divs and actually watch keyboard (and clipboard) events. I prototyped some stuff a while back, and I think it's doable.

    ReplyDelete
  16. What happens when 2 elements reflect eachother :P

    ReplyDelete