Playground inc.

http://www.initializr.com/

They started with a classic H5 Boilerplate then used Raphael.JS for the svg animation. But I would go with Snap SVG instead of the dated Raphael.

Overall the site seems pretty straightforward to code as the animated SVG's are the only interesting thing they are doing. While it's nice, if a user scrolls straight to the bottom the browser is forced to run and render every animation at once, which slowed down my laptop, I'd hate to see what it does to mobile.

Hi Charles, check out http://themeforest.net many of the wordpress themes have Parallax/onepage theme settings. The also have bootstrap based Wordpress themes too.

Thanks for the response. I know would be so much easier to just download the one page theme, but I'm interested in reverse engineering something like the site. Trying to figure out what they use so I could copy as an educational experience. http://www.playgroundinc.com

That site is awesome. By viewing source I found http://raphaeljs.com and Hammer.JS to a big part of the actions seen on the site.

Pretty cool svg integration. It is wordpress, but Pretty Sophisticated. I looked over the source code, but couldn't figure out what basic HTML boilerplate they were working off of. Any thoughts?

I'll take a look and try and find out. It is one of the coolest sites I'v seen in a few months.

For sure. I've been trying to find out what canvas they may have worked from. Great design and the writing and readability is exceptional.