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 Brent Brinkley
Brent Brinkley
10,910 Points

My first site using a lot of what treehouse has taught me

I want to start this off by saying I've learned a lot of things from other places as well but treehouse helped me immensely so I just wanted to show people what they can do using the techniques taught here: brentbrinkley.com I have my own sense of artistic flair but you will too when you begin building stuff. I want you to know that we all get discouraged and want to stop but if you keep pushing through it's worth it. And if there's any advice I would give you it's break stuff your best learning comes from tinkering and experimenting so don't be afraid to dive in way over your head and figure stuff out as you go. Best of luck to everyone and happy coding.

Wolfgang Warneke
Wolfgang Warneke
7,146 Points

good stuff! It might be nice if your header took on some alpha transparency when you first start to scroll, somehow something to bridge from the initial static smooth gradient to the dynamic color-changing section below. Actually after thinking about it even more, I think some degree of that transparency for the header throughout, perhaps just for a bottom portion of the header. I believe that when it's over the same color background if wouldn't affect that at all, just could potentially help with those transitions. But also that's just my personal visual/feel preference. Very cool site; I am impressed! Thank you for the positive message as well, definitely been banging my head against the wall (mostly metaphorically) but it always works out in the end

7 Answers

Luke Pettway
Luke Pettway
16,593 Points
Luke Pettway
Luke Pettway
16,593 Points

Hey it looks pretty good so far! Excellent use of color and white space to keep everything clean and organized.

Jon Schiedermayer
Jon Schiedermayer
7,709 Points
Jon Schiedermayer
Jon Schiedermayer
7,709 Points

Very well done, "modern" flow scroll. The floating nav is really cool in how it changes color to match the background (I'm on desktop looking at the site), but when the header text gets cut off by the bar it's a little strange (Wolfgangs' suggestion of transparency might help this, I don't know, anyways a very small detail in a well-done site you should be proud of). Get any work from this yet?

Brent Brinkley
Brent Brinkley
10,910 Points

Thanks man I appreciate it that's the next goal I'm working towards. I just launched this past week so I'll report back soon if something changes.

Shawn Brooker
Shawn Brooker
3,453 Points
Shawn Brooker
Shawn Brooker
3,453 Points

wow it looks really nice. That yellow color for "Designs" doesn't agree with me personally though.

Brent Brinkley
Brent Brinkley
10,910 Points
Brent Brinkley
Brent Brinkley
10,910 Points

Thank you everyone for your feedback. Just to give some of my thinking on the design process I initially started with transparency on the header but the effect didn't look as good with the transitions as the colors blended underneath. I also liked the idea of the header kind of ghosting in as you scroll from the initial start point. As it wasn't something I'd seen anyone else do. There was also a look I was going for that I've seen in older modern design manuals but I can't remember from where specifically but I want to say they date back to the late 70's and 80's. Make sure you're pulling inspiration from everywhere. I still see color pallets I was first introduced to as a kid and some of them are timeless the world's just forgotten about them.

Colin McGraw
Colin McGraw
15,337 Points
Colin McGraw
Colin McGraw
15,337 Points

This is killer, love all the transitions and subtle callout animations. It does look to me like the header color-change isn't lining up exactly though... like your script is doing all its height calculations before the images have fully loaded or something. You might need to refresh/reset those variables on an interval, or after the window loads, is resized, etc....and also use .outerHeight() so the measurements include the element's padding. Overall super well-done, thanks for sharing it!

Brent Brinkley
Brent Brinkley
10,910 Points

Now that is something I've been having a hard time figuring out what would be the best way to reset the variables?

sizwengubane
sizwengubane
15,244 Points
sizwengubane
sizwengubane
15,244 Points

this is my first website :) im working on a project...if u want to join contact my email lakindu1.jayathilaka@gmail.com

Jon Schiedermayer
Jon Schiedermayer
7,709 Points
Jon Schiedermayer
Jon Schiedermayer
7,709 Points

Brent, I took another look at your site, which is looking fantastic, I think. And have a thought for you about your Bootstrap page: when screen size is smallest the text could be quite a bit smaller - if you compare the text size to other sites at a mobile size you'll see that you can go quite a bit smaller. Great work though.