Hi,
I'm trying to find out how they were able to create this site. http://www.cpeople.ru, i am trying to build my portfolio to look something like it. Particularly, I want the slider effect of the menu. Please help me out. Thanks. :)
A:
Look into free JavaScript frameworks, particularly jQuery UI. jQuery can do plenty of special effects, and it's quite easy to use.
If you look at the source of the linked webpage, you can see it uses jQuery and two jQuery plugins, jCarousel and mousewheel.
Be sure not to copy swathes of code from existing websites (unless it is expressly permitted, as is the case with jQuery), as that would be copyright infringement.
Joey Adams
2010-04-12 03:46:30
This list comparing JavaScript frameworks might be helpful: http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks
Jorge
2010-04-12 03:51:48
Thanks Joey, I wonder if there is a way I can find out how to do this effect without copying swatches from them. I don't know which part of their code does these effects. I want to somehow use jquery to create the menu nav that slides down and also the horzontal slide for the content. I am still quite new at this.
Kat
2010-04-12 03:57:29
The answer is to start small. Don't try to accomplish big things right away. Play around with simpler objectives until you have a better understanding of things.
Joey Adams
2010-04-12 14:53:25
+1
A:
Look at the source code, it's quite open. They're using jQuery with the jCarousel and Mousewheel plugins. On top they have two custom scripts called f.js and portfolio.js, which are plainly readable as is.
deceze
2010-04-12 04:00:39
I've seen the code. I'm trying to figure out how they are adding the content. Any tips in understanding javascript? My only experience with javascript is using jquery library and plugins so I don't really understand the code that much.
Kat
2010-04-12 04:24:23
@Kat I'd recommend you first get to know Javascript. Follow W3 Schools or any similar tutorials for the beginning, consult the Mozilla reference or Crockford for some more advanced points. Then play around with some of the jQuery UI widgets and plain jQuery effects. Tons of documentation available for both. You'll get the idea eventually, then you can add individual pieces together to make a site such as cpeople. They're really only hiding and showing content dynamically with some slide effects. It's not too complicated, just well put together.
deceze
2010-04-12 04:40:30
Cool! Thanks deceze! I guess all I really have to do is get familiar with it.
Kat
2010-04-12 05:42:58