apple.com site design question

hey everyone,

everytime i visite the apple site i am wowed by the beauty of the design. one thing that i especially like is the the top navigation. the way they catogarized there products and allowed the user to scroll through them. another thing i like are the side panels which change there content elgantly on mouse over. my question is: does anyone know how to recreate this in my own personal design?

thanx

PS: apple.com/mac

it shows what i'm talking about

#460578

i believe it is mostly javascript written by apple. you cannot just take the code from the apple site. you could possibly email them and get it. i doubt it though. your best bet would probably be to learn javascript. sorry

#460586

i have the scripts, but i'm not sure how to code them into the page to work properly

#460588

good luck with the spotlight script (top right of page, type something in) :P ... it looks really complicated.

#460603

WOAH damn, I didn't notice that Spotlight script till now... looks like well used AJAX and JS to me.

#460610

WOAH damn, I didn't notice that Spotlight script till now... looks like well used AJAX and JS to me.

yeah, im surprised how long it took me to find it as well.... but it makes navigation so much better... so much better than using those tabs...

I wonder though whats wrong with the OZ site designers... its like thier still stuck way back in June 2007 man....

http://www.apple.com/au/

#460613

Yeah... Spotlight script is awesome ))

But sliding sidebar cards is sexy =)

BTW if anybody can read in Russian - check this: http://dklab.ru/lib/JsHttpRequest/

Or you can simply d/load a sample and make your own spotlight box ;)

Its VERY easy and it works with Safari.

P.S. I'm not affiliated by DKLab ;) I just like their scripts ;)

#460623

Yeah... Spotlight script is awesome ))

But sliding sidebar cards is sexy =)

BTW if anybody can read in Russian - check this: http://dklab.ru/lib/JsHttpRequest/

use babelfish if u cant ;)

#460625

use babelfish if u cant ;)

Ho ho ;)

I can. And I do it better than read english :D

I'm from Russia.

#460647

this is all well and good, and the scripts are cool, but does anyone know how to use them, the ones on the apple site i mean?

#460733

There's some crazy coding in that site. I checked out the source and it's a pain, both to code from scratch, or to integrate into your site.

On a sidenote: I hate people who rip off the source code of other sites. It's annoys me to the nth degree. I'd suggest either coding it yourself, or not including it at all. It's stealing if you copy it direct from Apple.

#460751

I agree with nicholasheer, about both complexity of apple's coding and ripping codes from websites. :)

About the complexity though, Apple website's coding is actually one the of best structural coding I've seen so far. Once you understand the structure it makes lot of sense. That part does take time though.

#460754

i do not plan on ripping them off, i simply would like to understand how it was created, so that i can creat something similar.

#460760

The spotlight script isn't complicated at all. Seriously. But the sliding menu things are quite nifty, though a little glitchy sometimes.

#460786

I agree with nicholasheer, about both complexity of apple's coding and ripping codes from websites. :)

About the complexity though, Apple website's coding is actually one the of best structural coding I've seen so far. Once you understand the structure it makes lot of sense. That part does take time though.

It's well done, no doubt. But it'd be a b!tch for (me) to re-develop for a personal site.

#461230

maybe something like moo.fx or script.aculo.us could help you :)

#461232

thanx for the links. moo.fx is almost what i need, but i was wondering if anyone knew how to activate its effect on mouse over, rather than on mouse press?

#461266