Browser detection is evil, but sometimes a necessary evil. In a perfect world, we would create a webpage that looks the same in every browser without browser detection or any other troubles; This is exactly what web standards aims to achieve. Unfortunately IE 6, 7 and 8 doesn’t adhere to the standards like they should. This forces us to use browser specific stylesheets.
I like doing things in an organised fashion, and I’m sure most of you do to. I write my CSS, HTML and jQuery in a certain way which I don’t change, unless I decide I’ve found a more efficient way of doing it. For example, I include the CSS reset in every single thing I work on and I would feel as if something was missing if I didn’t, however I have no problem editing the reset if I think it would be more efficient.
For my first tutorial, I have decided on building a simple, yet awesome navigation menu using CSS sprites. After we are done with this I will add a bit of jquery code to give it a visually appealing fade effect. I have included the .PSD file I created in the download under the images folder to make it easier for you to create your own Fading Navigation Menu.