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
ryan champin
16,836 PointsParallax...again
there is a parallax demo that was show by the treehouse show.....im having an icredibly hard time applying these effects lol i really need some help lol...ive looked at the js file and its really complicated
1 Answer
Jeremy Frimond
14,470 Pointsryan champin I respectfully disagree with Joe's opinion. You are entitled to code what style interests you as the developer. Additionally major companies like Nike are pioneering this style of web design so regardless of it being a fad or not the style is in demand at the moment. I also think it is a very good way to immerse and self learn Jquery.
Joe is correct that it isnt that difficult once you get the hang of it, but if you do not have a solid knowledge of Jquery you may struggle as there are many moving parts to a parallax site. In a sense, you are taking every element on the page and coding some sort of life into it. There is a lot conceptually to pull together on top of the code.
If you havent already I recommend beefing up on your Jqery (assuming you already have a solid understanding of HTML and CSS). search for sites and plugins on github, read that code, break it apart, fix it and spend a lot of time looking at it. It will eventually make sense. I used this site to learn a lot about jquery, parallax and other animation events: I recommend starting out with this site http://www.greensock.com/get-started-js/ spend a lot of time getting to know this then once you are comfortable with that code use this site to learn how to make it all happen as you scroll down the page http://janpaepke.github.io/ScrollMagic/
I felt the same way about parallax and had not idea where to begin a while back. After stumbling across those two sites (along with readings from all over the site) I can comfortably say I have a good grasp on it.
Hope this helps
taahrqqhar
14,147 PointsI agree with you and at first I wanted to do parallax so bad when it started to become hot on the web.. but now it's something that almost every designer does when they want to use what I call the "WOW" effect. It's great for practice and to make personal projects like a portfolio, but I just don't see it practical. Yes it works for some brands but not all of them. I wish i could get those 2-3 days back that I wasted my time on trying to master parallax when there's so much better and useful things to put my mind into.
Maybe I'm different... I hate seeing the same layouts through every page... have you noticed every site now and days is top nav->carousel image ->2 columns->footer.... or top nav->carousel image ->1 column->footer... or the worse one yet a bunch of grids pinterest style...
originality is at an all time low.... and parallax is right next to it. I would say focus on javascript, html5, and css3. Once you master that sit down with a piece of paper write down everything everyone is doing on their sites n try to stay as far away from it.
o and the most important thing study on your SEO and UXUI because there's alot of talent out here but no one can find their sites.
personally i like this site because it makes sense to do it here http://www.loisjeans.com/web2012/es
to finish my point parallax is cool but it just have to make sense on why you want to use it
Kevin Murphy
24,380 PointsJeremy Frimond - Thanks for the background info and the resources!!
taahrqqhar
14,147 Pointstaahrqqhar
14,147 PointsTo be honest it's not as hard as it looks look at the documentation that he provides and look for tutorial. You only going to get super basics here... but to be real with you don't even waste your time. Parallax is only to wow other designers. In real life most clients and companies don't want it on their sites because it's not supported in all browsers and mobile. It's a fad like when sites used to all be flash.