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!
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
Jason Nelson9,127 Points
Best website practice tutorials?
I have completed most of the front end web development course and I'm now looking for more website tutorials. I attempted to download files from a few websites I think look good, but I'm struggling to mimic them. Does anyone know any resources with "advanced" website tutorials? Here are a few sites to illustrate what I mean. If I'm missing something that might be in the Gold subscription here on treehouse please let me know.
Ben Watkins20,377 Points
To learn how to make cutting edge websites such as these examples, the treehouse show might come in handy. Search for wow.js and animate.css as these frameworks may help you out. For more advanced animations, software such as Adobe Edge Animate could come in handy.
Between them, these websites seem to be making use of parallax scrolling, CSS3 animations triggered by scrolling with the help of JS, smooth scrolling, CSS3 in general, jquery, fixed headers and more...
It may be worth researching some of these trends via Google and reading both blog posts and stackoverflow discussions. I would recommend using YouTube tutorials also. I personally have found that channels such as phpacademy and Adam Khoury can be very helpful.
I probably shouldn't suggest this, but Tuts+ do also have many resources for learning web development. These courses cover scroll based animations, Adobe Edge Animate, CSS3 animations, advanced CSS3 animations, parallax scrolling and more.
As I said before however, the treehouse show may come in handy in your quest to develop cutting edge websites! They have so far recorded more than ninety episodes and are the best way to stay up to date. If you are ever searching for a framework or blog post, then searching through this collection of links given on the treehouse show might find you what you are looking for.
Chris Dziewa17,781 Points
If you want to make sites like that, I would recommend learning as much jQuery as you can. Code School has a free try jQuery course. For the effects you are interested in, you may want to check out parallax scrolling.