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

HTML Introduction to HTML and CSS (2016) Getting Familiar with HTML and CSS Welcome to HTML and CSS

Houssein Abil
seal-mask
.a{fill-rule:evenodd;}techdegree
Houssein Abil
Full Stack JavaScript Techdegree Student 1,047 Points

I would like to create a website like http://bellbros.com/ which techno do i need to create it ? Can i have someone help

I really love this website and i will be very happy to built something like this. But i don't know how ? Your help is welcome.

3 Answers

coraldomnguez
coraldomnguez
7,370 Points

Hi! and welcome to Treehouse :) I'm not really sure, but it looks like the Parallax technique. I was reading a great article about it the other day. Here it is: https://medium.com/@dhg/parallax-done-right-82ced812e61c Hope it helps!

To me it looks like they are using Javascript to create that effect. Here is their html source code : view-source:http://bellbros.com/ which is pretty standard, nice and clean. Here is their css source code: http://bellbros.com/stylesheets/style.css There you can see how they used css to style their page. There you have the JS source code: http://bellbros.com/javascripts/application.js You will notice the scrolling values and once you have an understanding of JS this whole thing makes sense.

There is a lot to take in and a site like that is pretty intense. You can absolutely do it, just going to take time to learn all the bits and pieces. Start with the basics and just build the navigation and work your way down (don't worry about the background changing just yet - just a scrolling background) then layer on top of that. Practice practice practice.

Hope that helps,

  • Natsu
Houssein Abil
seal-mask
.a{fill-rule:evenodd;}techdegree
Houssein Abil
Full Stack JavaScript Techdegree Student 1,047 Points

Wow. Thanks for your quick reply. I'm just starting with the HTML but with your answers, i look into code source and understand some little bit of code of the HTML.