Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

New Treehouse Library

Hey everybody!

Today, we're releasing big changes to Library! This new design features different sections to help you get to the content you're looking for, faster. We're going to be continuing to iterate on this design with different sections to make sure the content displayed is most relevant to you, so please note that this is the first step in making Library that much easier to use.

New Treehouse Library design

Please post here if you have comments, concerns, or questions. Thanks, as always, for being a Treehouse student.

Harry James
Harry James
14,780 Points

Loving the update!

Things look a lot more organised and act a lot more streamlined now :)

Also, no bugs for what I've came across! *hi5*

Harry James
Harry James
14,780 Points

Quick heads up though, the notification link doesn't work, you're missing a slash:

http://teamtreehouse.comforum/new-treehouse-library

should be:

http://teamtreehouse.com/forum/new-treehouse-library

Hope it helps :)

EDIT: This has been fixed now.

Looks really neat, Nice update!!

Excellent update! Thank you for your job!

Great update! Now it's easier to find everything.

Max Weir
Max Weir
14,963 Points

Good stuff, one issue I've had is the slow loading of library items, when loading a category it seems to take longer than it should to load.

27 Answers

Great update! So organized and easy to find content!

Nice, I have found it a little harder to find the content I wanted. Hopefully this update improves the experience :-P

This is a great update. I remember sending an email to support about how much memory library used when trying to browse, so this is great.

Looking great! I especially like how easy it is now to look for upcoming courses. I like to know what I can look forward to and that was a bit of a hassle before :)

I would rather the topics be positioned more near the top. The larger cards do use quite a bit of space.

Suggestion

Disclamer: Have no idea how to add images, this is a test. If this doesn't work, here is the direct link: http://i61.tinypic.com/vdlc1i.png

Kyle Meyer
Kyle Meyer
5,447 Points

Thanks for the feedback! We may very well test such an arrangement in the future.

Harry James
Harry James
14,780 Points

Heh! I've gone ahead and formatted your message correctly so you can go ahead and take a look in the Edit section of your post to see how I've changed it.

The syntax is

![Text to be displayed for users with accessibility options/other cases](link to image, ending with its image extension like .png)

Hopefully this should help you out in the future if you want to add any more images :)

Hey Michael, I updated your response to fix the image. You had the right idea, but just needed to include the direct URL in the parentheses. Like so:

![Suggestion](http://i61.tinypic.com/vdlc1i.png)

Cheers guys

Good job!

AR Ehsan
AR Ehsan
7,912 Points

Really cool everyone!

Oh, that is beautiful. I have a question, how could you take a snapshot to this very long web page? When I ever try to git snapshot , it just gives me an image of my screen width and height.

You can download a chrome add on which takes the entire page in length.

In this case I just used a series of screenshots at different scroll positions and stitched them together with Photoshop. But there's another app that can take full page screenshots called Paparazzi for the Mac.

Thank you so much Michael Trilford, Thank you so much Tyson Rosage

Justin Horner
STAFF
Justin Horner
Treehouse Guest Teacher

Awesome updates team! I like the new layout :)

Sharon Smith
Sharon Smith
8,747 Points

This does look very nice & organized--- except for one rather significant issue. On my laptop screen, it only shows two of the big boxes in a line, then the third one shows up underneath the other two, with a big empty space next to it. I know that a lot of people have massively huge screens these days, but some of us are still working on 1280 screens. Please scale the boxes!

That's because it is a two column layout at that view. Bonus series and Workshops will automagically fix themselves when another item is added to the layout.

Suggestion

It doesn't look half bad at 3 column, I would just rework the buttons at the bottom for this view

Sharon Smith
Sharon Smith
8,747 Points

You could scale the headings, text, & buttons proportionally along with the boxes, too, & then they'd look better. Yeah, responsive design!

Although now I'm wondering. If it's a two-column layout at my screen size, does that mean they're treating my screen as if it's a tablet? 'Cause that's just weird- especially since my tablet (well, Nook HD+ eReader, which functions as a tablet) is less than half the size of my laptop.

<< If the dark grey side bar is there, you will be viewing the desktop.

They only have two break points for the library layout.

Small Devices are 100% ( 1 col ) Medium devices are 50% ( 2 col ) Large Devices are 33.3% ( 3 col )

You will be on the Tablet version of the site when the menu icon appears top right, and the grey side bar is gone.

Sharon Smith, an update will be rolling out soon which will display 4 cards instead of 3 when on smaller screens so it should make better use of your screen real estate.

Sharon Smith
Sharon Smith
8,747 Points

Tyson, I'd rather it only had 2 as compared to 4. Having 2 rows of boxes eats up a lot of room on a small screen, whether there's 3 boxes or 4. Plus, anything iOS-related is pretty irrelevant to me (what with being a PC person) & that seems to be about half the classes anyways (I know I'm over-estimating. It's perception vs. observable reality. There always seems to be more of something when it's getting in the way of what you're trying to do- much like barking dogs when trying to open the front door). So, I'd rather have notices of two of the most recent classes & then be able to get to things I'm specifically interested in. We do get notifications of all the new classes anyway.

Actually, I think part of my annoyance with the iOS stuff is that I'll read something, think it sounds interesting & then realize I can't do it.

huckleberry
huckleberry
14,636 Points

Tyson Rosage thiiiiiiis is fantaaaaastic. That's so freaking weird too because not two days ago I went to the library once again to look for something and I was just flabbergasted...

I says to myself... I says...

"Why do they have it like this? I know you can click on the little button in the corner of the course that shows the category and then that takes you to the category page but jeeez... why not have a visible shortlist of all the categories?? Has NO ONE complained about this? *sigh* ... actually, someone probably has many many times and they're probably working on it so just go about your business, Huck -- I'm sure it'll be here soon."

And lo and behold!

You guys never disappoint, I'll tell ya...

Awesome job and thanks!

Cheers,

Huck - :sunglasses:

This is great. It got me thinking that it would be awesome for you guys to post a blog article about what your UX process looks like and what the thinking that went behind these changes was like. Not very long ago I read a similar article that gave me a huge insight onto what a good redesign thought-process looked like that helped me a ton I've been curious to see someone else's take on it. Just a suggestion!

William Romero
William Romero
4,807 Points

That really looks great! :D It was a good change in the library view... Keep going with it and thank you for think in the user experience...

jrabello
jrabello
17,916 Points

hey awesome update, It looks quite better now!

Cool Updates waiting for completion certifications!

Looks great! keep up the good work team!!

great update.. looks awesome...

I love the update.

Good Job!!!

I have one cool suggestion tho. It would be great if you list the recent course i have started so i can pick up where i left off. As of now, i have to dig down to find the most recent course i have taken ....i hope you would implement that soon and improve UX...

The arrow next to the notification icon lets you "resume progress".

More scaling (and number of columns) options please!!!!

The Wikipedia page for "thumbnail" says:

Thumbnails are reduced-size versions of pictures, used to help in recognizing and organizing them, serving the same role for images as a normal text index does for words. In the age of digital images, visual search engines and image-organizing programs normally use thumbnails, as do most modern operating systems or desktop environments..

I also think their should be an option to "thumbnail" (shrink to the absolute minimum size) the course boxes.

In Photoshop, shrinking/resizing an image is done via something called bicubic resampling.

I know you guys are eager to show off your clean edge svg vector graphics and css styling, but please...

.


.

Also --I'm going to bring up again (because no one at Treehouse listened last time) ======> the need for collapsible sections.

There are many many ways to have such sections (Jquery accordians, collapsible CSS trickery, even HTML5 details and summary elements (twisty triangles):

http://html5doctor.com/the-details-and-summary-elements/

Some other links:

http://designingwebinterfaces.com/blog/wp-content/uploads/2009/01/collapsible_accordion-300x198.png

http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

http://codepen.io/johnmotyljr/pen/IdJzt

http://www.snyderplace.com/demos/collapsible.html

http://demos.inspirationalpixels.com/Accordion-with-HTML-CSS-&-jQuery/

http://egrappler.com/a-stylo-modern-jquery-accordion-akordeon/

..and so on, and so on, and so on..

There will NEVER be a screen with infinite pixels or infinite resolution, so please use pixels WISELY!

I am not sure if only some users had the update enabled, but if not, I am not sure why I cannot view it.

Hmm, I'll tinker around a bit.

Greg Kaleka
Greg Kaleka
39,018 Points

Hey Noah,

Your browser may have cached the old version. Try refreshing the page, and if that doesn't work clear your cache. Ctrl-Shift-Delete should do it. If not, check here.

Dwain Aiolupotea
Dwain Aiolupotea
10,350 Points

orh... finally, I struggled to find things. Nice work man! or woman!

Very nice :) , Great update :))

Kevin Paskowski
Kevin Paskowski
10,342 Points

The update is very nice. It would be nice to see a section in the library for tracks/courses/workshops etc that are older and outdated. Just so users know the information there has changed or is not 100% up todate. Also so users can go back and review, or even get some of the history of how things have developed over time, through older classes.

Kyle Meyer
Kyle Meyer
5,447 Points

Thanks for the feedback you fine gentleman you! We'll definitely take your thoughts into consideration for future design iterations. Thanks for being a student :zap: