Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Posted by Tim Geaney
Tim Geaney
7,818 Points

How to do the animations on Treehouse's landing page?

Hello,

This is really a question for the Treehouse Designers I was wondering how they did the animations on their landing page teamtreehouse.com. The ones accompanying the Learn at your own pace..Practice makes perfect blurbs. The illustrations I presume are done in illustrator but how do you then animate them?

Also any plans for a course in animating illustrations technique for websites. I think there would be a lot of interest.

Kind Regards

Liam Brady
Liam Brady
9,713 Points

I'd also love to see how this is done! Can't seem to find much information on Google...

2 Answers

Nathan Newell
Nathan Newell
7,634 Points
Nathan Newell
Nathan Newell
7,634 Points

I know this isn't exactly the same thing but, I'm sure with some manipulation you could replicate something similar. Look at the "how it works" page to get an idea of what is possible with CSS animations and jQuery.

http://www.justinaguilar.com/animations/scrolling.html

:)

Tim Geaney
Tim Geaney
7,818 Points
Tim Geaney
Tim Geaney
7,818 Points

Hey Nathan,

Thanks. This is some good information. I will try out some of the example see if I can get what i want done.

Cheers