Comments on: Mozilla Experiments with Applying SVG Effects to HTML http://ajaxian.com/archives/mozilla-experiments-with-applying-svg-effects-to-html Cleaning up the web with Ajax Thu, 09 Feb 2012 06:55:33 +0000 hourly 1 http://wordpress.org/?v=3.2 By: balupton http://ajaxian.com/archives/mozilla-experiments-with-applying-svg-effects-to-html/comment-page-1#comment-264463 balupton Thu, 05 Jun 2008 18:16:02 +0000 http://ajaxian.com/?p=3714#comment-264463 This post has it's own style in my google homepage rss feed... The title is big with a grey background... http://img299.imageshack.us/my.php?image=ajaxianez6.png This post has it’s own style in my google homepage rss feed… The title is big with a grey background…
http://img299.imageshack.us/my.php?image=ajaxianez6.png

]]> By: fma http://ajaxian.com/archives/mozilla-experiments-with-applying-svg-effects-to-html/comment-page-1#comment-264439 fma Thu, 05 Jun 2008 12:54:48 +0000 http://ajaxian.com/?p=3714#comment-264439 Ben, It looks as though you've combined the clip-path and mask examples into one code block, making for some confusing inconsistencies, e.g. clip-path: url(#c1); <svg :mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"> Ben,

It looks as though you’ve combined the clip-path and mask examples into one code block, making for some confusing inconsistencies, e.g.

clip-path: url(#c1);

<svg :mask id=”m1″ maskUnits=”objectBoundingBox” maskContentUnits=”objectBoundingBox”>

]]> By: John Allsopp http://ajaxian.com/archives/mozilla-experiments-with-applying-svg-effects-to-html/comment-page-1#comment-264425 John Allsopp Wed, 04 Jun 2008 23:32:26 +0000 http://ajaxian.com/?p=3714#comment-264425 While there are challenges in bringing advanced visual effects to CSS, I don't think its really fair to say it's not "up to the task" - afterall, webkit supports SVG like transforms, transitions and masks, all in CSS. http://webkit.org/blog/181/css-masks/ A big advantage to that approach over SVG is that many many developers know CSS, it's a matter of simply learning some new properties. But the SVG approach requires a whole new set of skills to be acquired in order to be used. That is far less likely to happen. While there are challenges in bringing advanced visual effects to CSS, I don’t think its really fair to say it’s not “up to the task” – afterall, webkit supports SVG like transforms, transitions and masks, all in CSS.

http://webkit.org/blog/181/css-masks/

A big advantage to that approach over SVG is that many many developers know CSS, it’s a matter of simply learning some new properties.

But the SVG approach requires a whole new set of skills to be acquired in order to be used.

That is far less likely to happen.

]]> By: Tr0y http://ajaxian.com/archives/mozilla-experiments-with-applying-svg-effects-to-html/comment-page-1#comment-264419 Tr0y Wed, 04 Jun 2008 17:55:50 +0000 http://ajaxian.com/?p=3714#comment-264419 uh oh, web2.0 svg gradient background fade effects here we come. How about an example with a SVG logo, that scales with the rest of the site when resizing fonts? ( with no js ) Pretty cool stuff though. uh oh, web2.0 svg gradient background fade effects here we come.

How about an example with a SVG logo, that scales with the rest of the site when resizing fonts? ( with no js )

Pretty cool stuff though.

]]> By: uize http://ajaxian.com/archives/mozilla-experiments-with-applying-svg-effects-to-html/comment-page-1#comment-264416 uize Wed, 04 Jun 2008 17:14:16 +0000 http://ajaxian.com/?p=3714#comment-264416 5vv33+ !!! 5vv33+ !!!

]]> By: tj111 http://ajaxian.com/archives/mozilla-experiments-with-applying-svg-effects-to-html/comment-page-1#comment-264413 tj111 Wed, 04 Jun 2008 16:25:46 +0000 http://ajaxian.com/?p=3714#comment-264413 "It seems so obvious once you think about it..." It does, how did no one else (including myself) think of this? Will be interesting to see how this pans out with webkit style css improvements. “It seems so obvious once you think about it…” It does, how did no one else (including myself) think of this? Will be interesting to see how this pans out with webkit style css improvements.

]]>