Comments on: Introducing CSS Gradients http://www.webkit.org/blog/175/introducing-css-gradients/ All about WebKit development Thu, 09 Feb 2012 11:34:15 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Black Bloke http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24352 Black Bloke Wed, 16 Apr 2008 06:10:05 +0000 http://webkit.org/blog/?p=175#comment-24352 I asked in the comments of the last post, but by that time everyone had already moved on. Hopefully I can get some guidance this time: "Will SVG images ever be clickable and draggable in Safari/Webkit? I mean in the same way that almost all other images file types are: e.g. JPG, GIF, PNG, etc. Or perhaps the ability is there already and I’ve only missed it?" I asked in the comments of the last post, but by that time everyone had already moved on. Hopefully I can get some guidance this time:

“Will SVG images ever be clickable and draggable in Safari/Webkit? I mean in the same way that almost all other images file types are: e.g. JPG, GIF, PNG, etc.

Or perhaps the ability is there already and I’ve only missed it?”

]]> By: marc nothrop http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24349 marc nothrop Wed, 16 Apr 2008 02:05:04 +0000 http://webkit.org/blog/?p=175#comment-24349 @Dave Hyatt: "The problem with using gradients as colors is that you then have no control over the placement of the gradient, the size of the gradient, etc. For example, background-color just fills the entire space." That's true, but there are circumstances where that's exactly what the designer might want. Of course I realise that my example (nav/button elements via gradient background-color and an overlaid image) could also be achieved via multiple background images, but that doesn't reduce the value of a background image/colour combination. "If gradients were done as colors, you’d have no way to control the gradient tile’s size, tiling rules, origin, etc." True, so if that matters you'd use gradients via Image, whereas if you want a gradient fill on Text/Text-Stroke, or a Border use gradients via Color. IMHO it's logical and defensible to think of gradients as both an Image <em>and</em> Color property. @Dave Hyatt:

“The problem with using gradients as colors is that you then have no control over the placement of the gradient, the size of the gradient, etc. For example, background-color just fills the entire space.”

That’s true, but there are circumstances where that’s exactly what the designer might want.

Of course I realise that my example (nav/button elements via gradient background-color and an overlaid image) could also be achieved via multiple background images, but that doesn’t reduce the value of a background image/colour combination.

“If gradients were done as colors, you’d have no way to control the gradient tile’s size, tiling rules, origin, etc.”

True, so if that matters you’d use gradients via Image, whereas if you want a gradient fill on Text/Text-Stroke, or a Border use gradients via Color.

IMHO it’s logical and defensible to think of gradients as both an Image and Color property.

]]> By: David Smith http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24348 David Smith Tue, 15 Apr 2008 23:09:45 +0000 http://webkit.org/blog/?p=175#comment-24348 memil: Apple's new web features are almost always (always? not sure if there's any examples of ones that haven't been, except for gradients which are still a work in progress) submitted for consideration as standards. That's why the vendor prefix exists in CSS (-webkit-propname ). memil: Apple’s new web features are almost always (always? not sure if there’s any examples of ones that haven’t been, except for gradients which are still a work in progress) submitted for consideration as standards. That’s why the vendor prefix exists in CSS (-webkit-propname ).

]]> By: memil http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24345 memil Tue, 15 Apr 2008 21:08:42 +0000 http://webkit.org/blog/?p=175#comment-24345 awesome, although I have problems with non standard extensions to html, css and javascript. back in the old bad days the browser venders used this to try to shut out the other browsers (some still do) and I really hope we won't see that again awesome, although I have problems with non standard extensions to html, css and javascript. back in the old bad days the browser venders used this to try to shut out the other browsers (some still do) and I really hope we won’t see that again

]]> By: lelya http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24344 lelya Tue, 15 Apr 2008 19:11:29 +0000 http://webkit.org/blog/?p=175#comment-24344 Hi! Anyone can show result's screenshots? Tnx! Hi! Anyone can show result’s screenshots?
Tnx!

]]> By: Steven Fisher http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24343 Steven Fisher Tue, 15 Apr 2008 17:28:06 +0000 http://webkit.org/blog/?p=175#comment-24343 I just downloaded the latest nightly, and I'm still not seeing border or bullet gradients. This is supposed to work now, right? I just downloaded the latest nightly, and I’m still not seeing border or bullet gradients. This is supposed to work now, right?

]]> By: Dave Hyatt http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24342 Dave Hyatt Tue, 15 Apr 2008 17:13:35 +0000 http://webkit.org/blog/?p=175#comment-24342 The problem with using gradients as colors is that you then have no control over the placement of the gradient, the size of the gradient, etc. For example, background-color just fills the entire space. If gradients were done as colors, you'd have no way to control the gradient tile's size, tiling rules, origin, etc. The problem with using gradients as colors is that you then have no control over the placement of the gradient, the size of the gradient, etc. For example, background-color just fills the entire space. If gradients were done as colors, you’d have no way to control the gradient tile’s size, tiling rules, origin, etc.

]]> By: Stifu http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24340 Stifu Tue, 15 Apr 2008 16:24:53 +0000 http://webkit.org/blog/?p=175#comment-24340 rbiggs: I was thinking they may have done it that way for backward compatibility reasons. Like, you can set a background image followed by a gradient declaration, so browsers that don't support gradients still fall back on the background image (as explained at the end of the article). So that'd ease up the transition somehow. But that's still wrong and illogical, IMO. rbiggs: I was thinking they may have done it that way for backward compatibility reasons. Like, you can set a background image followed by a gradient declaration, so browsers that don’t support gradients still fall back on the background image (as explained at the end of the article). So that’d ease up the transition somehow. But that’s still wrong and illogical, IMO.

]]> By: Dylan Schiemann » Blog Archive » future of svg, revisited http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24339 Dylan Schiemann » Blog Archive » future of svg, revisited Tue, 15 Apr 2008 16:23:41 +0000 http://webkit.org/blog/?p=175#comment-24339 [...] an interesting approach of leveraging key SVG stylistics features and exposing them through CSS: CSS gradients, CSS transforms, and CSS animations. What’s really interesting is that some of the best [...] [...] an interesting approach of leveraging key SVG stylistics features and exposing them through CSS: CSS gradients, CSS transforms, and CSS animations. What’s really interesting is that some of the best [...]

]]> By: rbiggs http://www.webkit.org/blog/175/introducing-css-gradients/comment-page-1/#comment-24336 rbiggs Tue, 15 Apr 2008 15:40:17 +0000 http://webkit.org/blog/?p=175#comment-24336 asbjornu and Stifu, you can use it as a definition of background, however, it appears you can also attach an image as a background. On a different note, I guess the attachment of CSS gradients to the CSS image properties explains why I wasn't able to animate them using transition, etc. Hmmm... I was looking forward to that. Maybe Hyatt and company could rethink how they've implemented it and refactor it as belong to the color properties, thus allowing CSS gradients to be animatable. That would give Flash and Silverlight a run for their money. asbjornu and Stifu, you can use it as a definition of background, however, it appears you can also attach an image as a background. On a different note, I guess the attachment of CSS gradients to the CSS image properties explains why I wasn’t able to animate them using transition, etc. Hmmm… I was looking forward to that. Maybe Hyatt and company could rethink how they’ve implemented it and refactor it as belong to the color properties, thus allowing CSS gradients to be animatable. That would give Flash and Silverlight a run for their money.

]]>