How is a site like this made?

[nporter3]

Hey I’m fairly new to web design, I have posted on some other forums asking a similar question but have gotten no responses I was hoping you guys could help me out.

My goal is to design a website similar to this website http://d10studio.com.mx/
I want the site to be a one page design with no scrolling. I love the animations and how the transition from one page to another. I’m guessing this uses JS? I’d love to know what this type of page is called and how they are made.

[rodolpheb]

hi, isn’t it a bit difficult for a beginner? Actually the site is mostly built with Javascript.

Try inspecting elements and resources with the developper tools in your browser.

Nothing is impossible to a willing heart :)

[posterity576]

I’d venture to guess that the reason no one has responded to your question on other forums is because 1) you don’t provide a link showing what you’ve done and, similarly, 2) your question strongly suggests that you want others to provide to the code for you.

Perhaps you might consider providing a link showing what you’ve done and point to specific areas with which you need some assistance.

[Jozsef K.]

Parallax page is the name and it’s made with jquery. It’s done with chained, delayed animations.

There are manny plugins like this on the net. Here is one:

http://kreaturamedia.com/layerslider-responsive-wordpress-slider-plugin/

Also, I’ve found this for you, check it out:

http://streetsmash.com/parallax-scrolling-plugins/

[nporter3]

Thanks jozsef just what I was looking for!

[Author]

Posts