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 alida strydom
alida strydom
Courses Plus Student 1,712 Points

Animated intro

I don't know where to start looking into how to do something like this, so I thought I'd just ask here. CSS3 animations and JQuery animations are one thing, but knowing HOW/WHEN to animate the page elements is what's throwing me.

Does anyone know of a concise tutorial/s that will show me how to implement a page load like this: http://shop.wutangclan.com/apps/coming-soon

1 Answer

Steven Parker
Steven Parker
243,656 Points
Steven Parker
Steven Parker
243,656 Points

Hi Alida (wow, I already know one "Alida"),

You're right, there's nothing here other than JQuery animations and CSS transitions. You're already familiar with these, right? So, as an exercise, now that you've seen what the page does, could you write code that replicates it?

Or do you know the techniques themselves, but you don't automatically recognize them when you see them being used? That's mostly just familiarity you can gain by practicing with them. I could go over this example if you'd like.

As far coming up with how and when to employ the styles and animations to create an overall visual experience, that's more of a creative than a technical process. If that's what you meant, perhaps you're looking for some design courses?