Comments on: Integrating Fading Button Navigation

By: wpfan

wpfan — Thu, 01 Oct 2009 05:27:44 +0000

I’m still using the free wordpress, lol, but nice post. I just finished learning css, so this was a great filler to update my blogging-design skills. Shibi seems to know a pretty darn lot, lol, good stuff man. I agree with Javascript failure on certain browsers, but in a few months I think most will be upgraded & stable, such as chrome, i’m on it right now & its my favorite. I wanted to know tho, is there a way to make this more web 2.0-ish, such as make half of the button light up with a white opacity, or even a shiny inset border on a tiny button or icon. I’m tuning up my flash tricks after years of hating how it wasn’t compatible on all browsers, but it’s making a great comeback. I have used css/html tricks innovatively as that was all I knew, lol. I will be back to check on more tutorials and see the feedback. Great post! Im on my nerd journey, watch out!

By: Hassan

Hassan — Sat, 26 Sep 2009 20:16:23 +0000

I was thinking, it’s good to make a new post about what is your favorites wp plugins… which you use most…

By: Hassan

Hassan — Sat, 26 Sep 2009 20:13:21 +0000

Chris, what is your recommendation wp plugin to have contact form?

By: Shibi Kannan

Shibi Kannan — Fri, 25 Sep 2009 14:02:07 +0000

Really cool technique. I do agree about the CSS fallback part in case javascript is not working. We can actually use CSS3 using Safari or FF3 specific stylesheets for progressive enhancements and only include them when required using conditional statements. That way we can miniimize any conflict with jQuery and CSS3 trying to do the same things to the same object. But I suppose CSS3 will take precendece before the jQuery will not load until the DOM is ready. What is your opinion.

By: Chris Coyier

Chris Coyier — Fri, 25 Sep 2009 12:36:52 +0000

Because of the wp_list_pages function, each list item will have a unique class as well. Firebug over them to find it.

By: Thijs van Iersel

Thijs van Iersel — Fri, 25 Sep 2009 10:25:34 +0000

This is just great, I do have one question. Is it possible to give every button a different current class? I want every button, when it’s active, to be another color.

By: Michael Oeser

Michael Oeser — Thu, 24 Sep 2009 10:19:06 +0000

Here is something similar without JS:
http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba

By: Giacomo Ratta [ITA]

Giacomo Ratta [ITA] — Thu, 24 Sep 2009 09:51:40 +0000

I haven’t ever think this techinque.
Great solution and very beautiful animation!

By: Hassan

Hassan — Thu, 24 Sep 2009 06:46:14 +0000

Thanks! It’s very useful.

By: Chris Coyier

Chris Coyier — Wed, 23 Sep 2009 17:59:14 +0000

Google for the “art direction” plugin. One of my all-time-favorites that allows you to do just that.