Forums | MacLife
You are not logged in.
#1 2007-09-12 12:22 pm
- TonyPrevite
- Slobbering Jester
- Royal Wombat
- From: Glendale, AZ
- Registered: 2002-04-14
- Posts: 3606
- Website
Apple Website Global Navigation Bar
So this morning for smurfs and giggles I cruise over to Apple's site and study the source code to see how they were handling the mouse effects with their un-ordered list navigation. I was surprised to see a technique I've never seen before. It appears that they have a background image consisting of all the different mouse states attached to the anchor tags, then for each pseudo class change the position of the background image!
Anybody seen this or used this method before?
Last edited by TonyPrevite (2007-09-12 12:23 pm)
Offline
#2 2007-09-12 1:30 pm
Re: Apple Website Global Navigation Bar
I've seen it done before and used it myself (only with a normal and over state). I've never seen it done with an image with so many different states.
Offline
#3 2007-09-12 2:15 pm
- McAddict
- Member
- Registered: 2006-09-08
- Posts: 626
Re: Apple Website Global Navigation Bar
I think what they use is a CSS trick called sprites, but I didn't get your explanation. I don't know how old the method is, but I learned of it about a year ago, and implemented it nicely. It can take a while, especially if they have the hover and active states, and that 1 image must be big, but is definitely smaller and faster than 25 separate ones.
Here's a good article on it.
Offline
#4 2007-09-12 4:39 pm
- TonyPrevite
- Slobbering Jester
- Royal Wombat
- From: Glendale, AZ
- Registered: 2002-04-14
- Posts: 3606
- Website
Re: Apple Website Global Navigation Bar
Great article, that's exactly what they're doing. Just never seen it before... I likey!
Offline
#5 2007-09-12 4:47 pm
Re: Apple Website Global Navigation Bar
Damn, Tony, get with the times!
Offline
#6 2007-09-12 5:25 pm
- TonyPrevite
- Slobbering Jester
- Royal Wombat
- From: Glendale, AZ
- Registered: 2002-04-14
- Posts: 3606
- Website
Re: Apple Website Global Navigation Bar
Hey, staying someplace for 5+ years is a sure-fire way to live in the past at times 
Offline
#7 2007-09-12 6:18 pm
Re: Apple Website Global Navigation Bar
Cripes, Tony. I've been building sites like that for three+ years!
Last edited by Abu (2007-09-12 6:19 pm)
Look at it this way: you've sold as many paintings as Van Gogh—and you have both your ears.
Thanks, Dad.
• www.joelschou.com • www.bothears.com • www.vault25.com • www.fuzzycoconut.com •
Offline
#8 2007-09-12 10:31 pm
Re: Apple Website Global Navigation Bar
TonyPrevite wrote:
Hey, staying someplace for 5+ years is a sure-fire way to live in the past at times
I'm right there with ya... 
Offline
#9 2007-09-12 11:00 pm
- TonyPrevite
- Slobbering Jester
- Royal Wombat
- From: Glendale, AZ
- Registered: 2002-04-14
- Posts: 3606
- Website
Re: Apple Website Global Navigation Bar
Just started a new job last week FINALLY! I'm putting together a new website, among a bunch of other duties and it occured to me that I haven't put together a site from scratch in years! 
Offline
#10 2007-09-17 12:51 am
- Light Speed
- Doubter of Einstein
- Registered: 2002-08-17
- Posts: 3694
Re: Apple Website Global Navigation Bar
TonyPrevite wrote:
Just started a new job last week FINALLY! I'm putting together a new website, among a bunch of other duties and it occured to me that I haven't put together a site from scratch in years!
Welcome back to the world! 
Jobs can do that where they make you wear rose colored glasses where the rose color is actually solid black on the inside and happy eyes painted on the outside.
Offline
#11 2007-09-17 10:41 am
- TonyPrevite
- Slobbering Jester
- Royal Wombat
- From: Glendale, AZ
- Registered: 2002-04-14
- Posts: 3606
- Website
Re: Apple Website Global Navigation Bar
Nows that's a great analogy! 
Offline
