Everything posted by Day
Meant to also explain that whenever using images for backgrounds, I would use sprites. Which is just one image with all states included. Using separate images will sometimes result in a split second where your element has no background when you hover over it for the first time because it has to load the separate image at the time that you hover over it.
I haven't bothered to look at apple's nav bar code, but there are multiples options when it comes to making aesthetic nav. Assuming your customer's demographic isn't using old browsers, you could get creative with CSS3 gradient, border-radius, shadow, and other properties. Or if you already have a design in Photoshop, an easier solution would be image sprites. what you'll want to do is make one image that contains your static and hover/focus states. As well as an active state if you plan on having one, which apple does. Here is an example made in photoshop: In this example,
I agree with newseed. I will usually use about 2-3 style sheets in my own sites. Usually they will be something like global.css, detailPage.css, and some other style sheet I've gotten from a plugin. I do it so my global style sheet is lighter and easier to read. The secondary style sheet is usually one that applies to a layout preserved for certain types of pages. However, I work for a huge corporation as a designer and front-end developer and it is twice as easy for me to request an "exception" style sheet be uploaded for a project I'm working on than it is for me to request modifications