Comments on: Yellow fade with CSS and a simple image http://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/ You have found Friendly Bit, a web development blog. I focus on client side technologies like CSS, HTML and Javascript. You find my articles below and categories to the right. Fri, 12 Mar 2010 22:50:44 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Emil Stenströmhttp://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/#comment-33091 Emil Stenström Thu, 01 Oct 2009 17:52:41 +0000 http://friendlybit.com/?p=276#comment-33091 @Jeff Seager: Thanks for your support :) There are pros and cons to both techniques. The descibed method is best when you believe that a yellow highlight is design, then it should be in the CSS. If you think it's behaviour, then in the JS file. @Jeff Seager: Thanks for your support :) There are pros and cons to both techniques. The descibed method is best when you believe that a yellow highlight is design, then it should be in the CSS. If you think it’s behaviour, then in the JS file.

]]> By: Jeff Seagerhttp://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/#comment-33083 Jeff Seager Tue, 29 Sep 2009 19:13:59 +0000 http://friendlybit.com/?p=276#comment-33083 Well, guys, it's useful in terms of progressive enhancement, where you should always do every enhancement at the lowest level, where it places the least burden on the end user's resources.Using Emil's CSS method, the desired effect is achieved even without javascript -- to be enjoyed equally by those who don't have it enabled for some reason.I like it. So ... Thank you, Emil! Well, guys, it’s useful in terms of progressive enhancement, where you should always do every enhancement at the lowest level, where it places the least burden on the end user’s resources.

Using Emil’s CSS method, the desired effect is achieved even without javascript — to be enjoyed equally by those who don’t have it enabled for some reason.

I like it. So … Thank you, Emil!

]]> By: hullrotterdamferryhttp://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/#comment-31796 hullrotterdamferry Sat, 20 Jun 2009 11:01:47 +0000 http://friendlybit.com/?p=276#comment-31796 Hi,Nice stuff, simply explained but I have to agree with Odin above there ... couple of lines of jquery and you're done.Cheers. Hi,

Nice stuff, simply explained but I have to agree with Odin above there … couple of lines of jquery and you’re done.

Cheers.

]]> By: THE|ODIN.co.uk | Web Bloghttp://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/#comment-31101 THE|ODIN.co.uk | Web Blog Mon, 13 Oct 2008 18:38:59 +0000 http://friendlybit.com/?p=276#comment-31101 [...] little while ago I read a tutorial on FriendlyBit about how to create a fading background in CSS. I quoted on that blog that this same effect would [...] [...] little while ago I read a tutorial on FriendlyBit about how to create a fading background in CSS. I quoted on that blog that this same effect would [...]

]]> By: Emil Stenströmhttp://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/#comment-31091 Emil Stenström Tue, 07 Oct 2008 19:34:52 +0000 http://friendlybit.com/?p=276#comment-31091 @Robert Nyman: Well, the IE users are getting fewer and fewer, and IE8 is approaching. Soon helping people will be easy :)@THE|ODIN: What do you mean "make text longer"? @Robert Nyman: Well, the IE users are getting fewer and fewer, and IE8 is approaching. Soon helping people will be easy :)

@THE|ODIN: What do you mean “make text longer”?

]]> By: THE|ODINhttp://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/#comment-31090 THE|ODIN Tue, 07 Oct 2008 14:20:14 +0000 http://friendlybit.com/?p=276#comment-31090 Hey, im not sure how useful that actually is. I mean yeah it works(the first time) but what happens when you wanna make your text longer? You could do this really painlessly with about 2 lines of <a href="http://www.jquery.com" rel="nofollow">jquery</a>. Hey, im not sure how useful that actually is. I mean yeah it works(the first time) but what happens when you wanna make your text longer? You could do this really painlessly with about 2 lines of jquery.

]]> By: Robert Nymanhttp://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/#comment-31089 Robert Nyman Sun, 05 Oct 2008 18:53:27 +0000 http://friendlybit.com/?p=276#comment-31089 Always good with alternatives. However, I'd argue that IE users are the users who would have the most use of/need for visual (and any other sort of) guidance... :-) Always good with alternatives. However, I’d argue that IE users are the users who would have the most use of/need for visual (and any other sort of) guidance… :-)

]]> By: Dan Petterssonhttp://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/#comment-31088 Dan Pettersson Sat, 04 Oct 2008 18:43:25 +0000 http://friendlybit.com/?p=276#comment-31088 @Peter: It doesn't work if you click the same thing twice, but if you click something else between it'll work. <a href="#respond" rel="nofollow">Try</a> <a href="#example" rel="nofollow">these</a>.I agree - it's nice, although a fade without a GIF would be nice... @Peter: It doesn’t work if you click the same thing twice, but if you click something else between it’ll work. Try these.

I agree – it’s nice, although a fade without a GIF would be nice…

]]> By: Peterhttp://friendlybit.com/css/yellow-fade-with-css-and-a-simple-image/#comment-31087 Peter Sat, 04 Oct 2008 18:37:38 +0000 http://friendlybit.com/?p=276#comment-31087 Nice one. But the downside is that it only works for one click. Nice one. But the downside is that it only works for one click.

]]>