« Some 1.9.1 Updates | Main | SVG Paint Servers For HTML »
July 3, 2008
Fun
Posted by roc at July 3, 2008 10:58 PM
Comments
Woohoo! Show us the code, show us the code! Is it SVG filters on an iframe?
Posted by: Chris at July 3, 2008 11:57 PM
Fancy.
Is this running with or without extra privileges?
And whats the performance like? I know any type of rotation gets a bit... slow.
Posted by: Blair McBride at July 4, 2008 12:14 AM
SVG filters applied to XHTML? :)
Posted by: Fabian at July 4, 2008 12:28 AM
Ooh.. scrollbar and everything. Is this part of your SVG effects through CSS work?
Posted by: Michael K. at July 4, 2008 12:46 AM
But is it fast?
Posted by: Christopher Blizzard at July 4, 2008 1:12 AM
so... what are we seeing here?
Posted by: Matt Sayler at July 4, 2008 2:11 AM
Nice!
You should update your Greasemonkey ;-)
Posted by: Thomas Stache at July 4, 2008 3:01 AM
How did do?
Posted by: Jacques at July 4, 2008 5:17 AM
sweet! is that got 3.1? ;)
Posted by: zbraniecki at July 4, 2008 5:26 AM
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
Posted by: Wladimir Palant at July 4, 2008 6:59 AM
/me hopes for even more fun when Greasemonkey is smiling too.
Posted by: hdh at July 4, 2008 8:51 AM
Now apply a rippling water effect to the reflection ...
Then simulate a something landing in the water animating ripples outwards :)
Posted by: Mardeg at July 4, 2008 10:10 AM
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
Posted by: Greg Marine at July 5, 2008 5:38 AM
I'm pretty sure the features behind this will be in the next Gecko release.
Posted by: Robert O'Callahan at July 5, 2008 12:41 PM
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?
Posted by: Hanspeter at July 10, 2008 4:05 AM
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?
Posted by: an0n1 m0us at July 10, 2008 4:10 AM
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.
Posted by: Robert O'Callahan at July 10, 2008 8:31 AM
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.
Posted by: Tom at July 12, 2008 4:21 AM
What happens when 2 elements reflect eachother :P
Posted by: asdf at July 19, 2008 5:15 PM